Stunimate is a modern, responsive anime streaming platform built with React and Vite. Discover trending anime, browse latest episodes, and explore detailed anime information with a sleek, user-friendly interface.
- 🎬 Hero Slider - Showcase trending anime with smooth transitions
- 🔥 Trending Section - Browse popular anime with responsive grid layout
- 📺 Latest Episodes - Stay updated with recent releases
- 🎭 Genre Filtering - Explore anime by categories
- 📱 Responsive Design - Optimized for all devices
- ⚡ Performance Optimized - Smart caching and lazy loading
- 🔍 Search Functionality - Find your favorite anime quickly
- 🎨 Modern UI - Beautiful animations and smooth interactions
- Node.js (v16 or higher)
- npm or yarn package manager
-
Clone the repository
git clone <repository-url> cd Stunimate
-
Install dependencies
npm install
-
Start development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173
| Command | Description |
|---|---|
npm run dev |
Start development server with hot reload |
npm run build |
Build for production |
npm run preview |
Preview production build locally |
npm run lint |
Run ESLint for code quality |
- React 19.1.1 - UI library with latest features
- Vite 7.1.2 - Lightning-fast build tool
- React Router DOM 7.8.2 - Client-side routing
- Tailwind CSS 4.1.12 - Utility-first CSS framework
- Framer Motion 12.23.12 - Smooth animations and transitions
- Lucide React 0.541.0 - Beautiful icon library
- Jikan API - MyAnimeList unofficial API for anime data
src/
├── components/ # Reusable UI components
│ ├── AnimeCard.jsx # Individual anime display
│ ├── HeroSlider.jsx # Main carousel component
│ ├── Navbar.jsx # Navigation bar
│ └── ...
├── pages/ # Route components
│ ├── Home.jsx # Main dashboard
│ ├── Details.jsx # Anime details page
│ └── ...
├── assets/ # Static assets
├── App.jsx # Main app component
└── main.jsx # Application entry point
📬 Contact
👤 Niño Emman
📧 Email: [email protected]
🔗 Portfolio: portfolio.com //soon
🐙 GitHub: github.com/Neon-099