Skip to content

Latest commit

 

History

History
34 lines (27 loc) · 1.29 KB

README.md

File metadata and controls

34 lines (27 loc) · 1.29 KB

Cinema 100

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.

Features

  • 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.

Environment Variables

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.

Technologies Used

  • React
  • Redux Toolkit
  • React Player
  • React Icons
  • zod
  • Firebase
  • Tailwind CSS
  • Typescript
  • Vite