Your Ultimate Anime & Movie Hub
- Secure Firebase authentication system
- Personal user profiles
- Login and registration functionality
- Save movies and TV shows to your personal watchlist
- Add/remove items with one click
- Real-time synchronization across devices
- Persistent storage with Firebase
- Mark content as favorites
- Quick access to your favorite movies and shows
- Personal collection management
- Modern, responsive design
- Smooth animations with Framer Motion
- Improved mobile experience
- Clean navigation and layout
- Faster loading times
- Optimized API calls
- Better caching strategies
- Enhanced user experience
- React 18 - Modern frontend framework
- TypeScript - Type-safe development
- Firebase - Authentication and database
- Tailwind CSS - Styling and responsive design
- Framer Motion - Smooth animations
- TMDB API - Movie and TV show data
- 🎬 Browse thousands of movies and TV shows
- 🔍 Advanced search functionality
- 📱 Fully responsive design
- 👤 User authentication and profiles
- 📋 Personal watchlists and favorites
- 🎭 Genre-based filtering
- 🎪 Interactive content carousels
# Clone the repository
git clone https://github.com/SnoozeScript/OtakuHaven.git
# Navigate to project directory
cd OtakuHaven
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env
# Add your Firebase and TMDB API keys to .env file
# Start development server
npm run dev- Copy
.env.exampleto.env - Replace placeholder values with your actual keys
- Keep
.envin your.gitignore(already configured) - Use environment variables in production (Vercel, Netlify, etc.)
Experience OtakuHaven v2.0.0 at: https://otakuhaven.aadilinamdar27.me
This project is licensed under the MIT License - see the LICENSE file for details.
⭐ Star this repository if you enjoy it!
Made with ❤️ for anime and movie enthusiasts