# AnimeFlux - Anime Streaming Website A modern anime streaming website built with React, TypeScript, and Tailwind CSS. ## Features - Responsive design that works on all devices - Modern UI with smooth animations - Browse anime by categories, genres, and popularity - Detailed anime pages with episodes, comments, and related content - User authentication (login/register) - Watchlist and favorites functionality ## Tech Stack - **Frontend**: - React 18 - TypeScript - Tailwind CSS for styling - React Router for navigation - Swiper for carousels - Heroicons for icons ## Project Structure ``` src/ ├── assets/ # Static assets (images, icons) ├── components/ # Reusable UI components │ ├── anime/ # Anime-specific components │ ├── layout/ # Layout components (Header, Footer) │ └── ui/ # Generic UI components ├── hooks/ # Custom React hooks ├── pages/ # Page components ├── services/ # API services ├── styles/ # Global styles ├── types/ # TypeScript type definitions ├── utils/ # Utility functions └── backend/ # Mock backend (for demo purposes) ``` ## Getting Started ### Prerequisites - Node.js (v14 or higher) - npm or yarn ### Installation 1. Clone the repository ```bash git clone https://github.com/yourusername/animeflux.git cd animeflux ``` 2. Install dependencies ```bash npm install # or yarn install ``` 3. Start the development server ```bash npm run dev # or yarn dev ``` 4. Open your browser and navigate to `http://localhost:5173` ## Building for Production ```bash npm run build # or yarn build ``` ## License This project is licensed under the MIT License - see the LICENSE file for details. ## Acknowledgments - Design inspired by popular anime streaming websites - Sample data from MyAnimeList - Icons from Heroicons # app.frontend