Welcome to usePopcorn — a dynamic React-based movie app that makes it easy to find, manage, and rate your favorite movies. Dive into the world of cinema with a sleek interface and powerful features that let you search for movies, read detailed information, and keep track of what you've watched.
- 🔍 Search Movies: Instantly search for movies using keywords.
- 📜 Movie Details: Get detailed information, including IMDb ratings and runtime.
- ⭐ User Ratings: Rate the movies you've watched and see your stats.
- 📋 Watchlist: Keep track of movies you want to watch or have watched.
- 🎯 User Stats: View your average rating and the total number of movies you've rated.
- React: Frontend library for building user interfaces.
- React Hooks: Efficient state management with
useState
anduseEffect
. - API Fetching: Retrieves movie data and ratings from external APIs.
- HTML & CSS: Creates a responsive and appealing user interface.
Clone the repository and install dependencies:
-
git clone https://github.com/AnasHany2193/usePopcorn.git
-
cd usePopcorn
-
npm install
Start the app in development mode:
-
npm start
Your app will be running at http://localhost:3000.
npm start
: Runs the app in development mode.npm test
: Launches the test runner.npm run build
: Builds the app for production.
Check out the live demo here.