React Movie Web App

A modern movie discovery platform built with React, Vite, TMDB API, and Tailwind CSS. Find movies you'll love without the hassle.

Features

• 🎬 Browse trending and popular movies
• 🔍 Search through 300+ movies online
• ⭐ View movie ratings and genres
• 🎥 Discover both movies and TV series
• 📱 Responsive design for all devices
• ⚡ Blazing fast performance with Vite
• 🎨 Beautiful UI powered by Tailwind CSS

Key UI Components

• Hero section with tagline "Find Movies You'll Love Without the Hassle"
• Featured movie cards with:
  • Poster images
  • Ratings (4.6/5 shown in screenshot)
  • Genre tags (Action, etc.)
  • Media type indicators (Movie/Series)
• Section headers for "Trending" and "Popular" content
• Pagination controls (shown as "2 / 50" in screenshot)

Technologies Used

• React - JavaScript library for building user interfaces
• Vite - Next generation frontend tooling
• TMDB API - Movie database API
• Tailwind CSS - Utility-first CSS framework
• React Icons - Popular icons for React projects

Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn
• TMDB API key (free tier available)

Installation

1. Clone the repository:

   git clone https://github.com/hamdan26/react-movie.git

2. Navigate to the project directory:

   cd react-movie-web-based

3. Install dependencies:

   npm install
   #or
   yarn install

4. Create a .env file and add your TMDB API key:

   VITE_TMDB_API_KEY=your_api_key_here

5. Start the development server:

   npm run dev

6. Open your browser to:

   http://localhost:5173