Cinema 100 is a React application where you can browse through 100 movies, view detailed information, and watch trailers. You can also bookmark your favorite movies and access them later. The app utilizes Firebase for authentication, database storage, and other backend services.
- Signup/Login: User authentication using Firebase.
- Bookmark Movies: Add movies to your bookmarks and view them later.
- Server-side Pagination: Efficiently load movie data in pages from the server.
- Server-side Filtering: Filter movies based on various criteria from the server.
- Responsive Design: Optimized for mobile and desktop screen sizes.
To run this project, you will need to add the following environment variables to your .env.local file:
- VITE_FIREBASE_API_KEY: Your Firebase API key.
- VITE_FIREBASE_AUTH_DOMAIN: Your Firebase Auth domain.
- VITE_FIREBASE_PROJECT_ID: Your Firebase project ID.
- VITE_FIREBASE_STORAGE_BUCKET: Your Firebase storage bucket name.
- VITE_FIREBASE_MESSAGING_SENDER_ID: Your Firebase messaging sender ID.
- VITE_FIREBASE_APP_ID: Your Firebase app ID.
- VITE_FIREBASE_MEASUREMENT_ID: Your Firebase measurement ID.
- React
- Redux Toolkit
- React Player
- React Icons
- zod
- Firebase
- Tailwind CSS
- Typescript
- Vite