CineRate - Movie Rating App

CineRate is a modern movie rating and browsing web application built with React, Tailwind CSS, and DaisyUI. The app fetches movie data from The Movie Database (TMDb) API and displays a list of movies currently playing in theaters. It offers a clean, responsive user interface where users can explore movie details such as title, overview, and images.

Demo

You can check out the live demo of the app here: CineRate Demo

Tech Stack

• Frontend: React.js
• Styling: Tailwind CSS, DaisyUI
• API: The Movie Database (TMDb) API
• Build Tool: Vite

Features

• Display movies currently playing in theaters.
• Responsive design for mobile and desktop devices.
• Clean UI with movie images, titles, and descriptions.

Installation

1. Clone the repository:

   git clone https://github.com/AMOHAMMEDIMRAN/CineRate.git
   

2. Install dependencies:

   cd cinerate
   npm install
   

3. Set up your TMDb API key:

   Create a .env file in the root directory and add your TMDb API key:

   VITE_MOVIES_API_KEY=your_tmdb_api_key
   

4. Start the development server:

   npm run dev
   

5. Open the app in your browser:

   http://localhost:5173
   

License

This project is open-source and available under the MIT License.

Made with 💙 by AMOHAMMEDIMRAN

Key Updates:

• Added the Demo Link to the top of the README for easy access to your live app.
• The rest of the content remains the same, with instructions for setting up and running the app locally.

This should make your CineRate project even more accessible to others! Let me know if you need further changes.