A fully responsive, single-page movie discovery application built with React. Inspired by modern streaming services, this app allows users to browse, search, and manage a personalized watchlist in a clean and modern interface.
Live Deployed App: https://harmonious-maamoul-e4854c.netlify.app/
Key Features
- Dynamic Homepage: Displays multiple, horizontally-scrolling rows of movies categorized by genre.
- Real-Time Search: Dynamically fetches and displays results from the OMDb API as the user types.
- Detailed Movie Pages: Clicking a movie card navigates to a dedicated page with detailed information like plot, actors, and ratings.
- User Authentication & Watchlist:** A client-side login system that allows users to add or remove movies from a personalized watchlist that persists across sessions using
localStorage. - Responsive Design: A clean and modern user interface that works seamlessly on desktop and mobile devices.
Technologies Used
- Frontend: React, JavaScript (ES6+), CSS3
- Routing: React Router
- API Calls: Axios
- State Management: React Hooks (
useState,useEffect,useContext) - Build Tool: Vite
To run this project on your own machine:
- Clone the repository:
git clone [https://github.com/YourUsername/ShowTime-React-App.git](https://github.com/YourUsername/ShowTime-React-App.git)
- Navigate into the project directory:
cd ShowTime-React-App - Install the necessary dependencies:
npm install
- Start the development server:
npm run dev