Project Details
Anime Streaming Wesite
Date Publish
March 04, 2025
Website
https://anime-websi.netlify.app/
Source Code
https://github.com/Ramelzkie96/anime-website
This project is a frontend-only anime streaming website developed using HTML, CSS, JavaScript, and Sass (SCSS). The site provides an engaging and visually appealing platform for users to browse and watch anime shows. It features several content sections such as "Categorized for You", "Trending Now", "Adventure Shows", and "Recently Added", all of which are manually curated. When a user clicks on an anime title, they are redirected to a detailed page that displays the anime’s type (e.g., TV series, movie), along with a review section where users can leave their thoughts. The detail page also includes buttons to follow the anime or proceed to the "Watch Now" feature. Clicking "Watch Now" takes the user to a dedicated episode page, where each episode is listed and comes with its own comment section. All content, including anime data, reviews, and episodes, is manually added without any backend or API integration. The comment sections and follow buttons are simulated purely on the frontend to demonstrate user interaction without actual data storage. This project showcases the use of core web technologies to build a structured, responsive, and interactive website, and could be enhanced in the future with backend integration, APIs, or local storage for a more dynamic experience.
Features
- Fully responsive and interactive frontend design
- Homepage sections: Categorized for You, Trending Now, Adventure Shows, Recently Added
- Anime detail page with type information, simulated reviews, and interactive buttons (Follow / Watch Now)
- Episode page listing all episodes with individual comment sections
- User comment simulation (no backend, but mimics user input)
- Manual content management (all anime data and comments are hardcoded)
Technologies Used
- HTML5 – For structuring the content of the website.
- CSS3 – For styling and layout of all elements.
- Sass (SCSS) – For more efficient and organized CSS with variables, nesting, and reusable styles.
- JavaScript (Vanilla JS) – For adding interactivity such as navigation, redirection, and simulated comment functionality.



