Welcome to
"usepopcorn"

Discover movies, explore their details, and track what you’ve watched. Keep personal ratings, build a watched list, and see stats for all your favorite films.

  • api
  • css-modules
  • css3
  • html
  • imdb
  • javascript
  • jest
  • react
  • spa
Created at:
Last update:

usePopcorn

usePopcorn is a movie discovery and tracking app where you can search for IMDb movies, view their details, and keep a personal watched list with your own ratings.

Features

  • Movie Search: Look up movies directly from the IMDb API.
  • Detailed View: See movie information including title, release date, IMDb rating, runtime, and a short summary.
  • Personal Ratings: Add your own rating to movies youâ��ve watched.
  • Watched List: Track the movies youâ��ve rated and view statistics like average rating and total runtime.
  • Responsive Design: Clean dark UI that works across devices.

Technologies Used

React JavaScript Jest CSS3

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/usepopcorn.git
    cd usepopcorn
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Build for production:

    npm run build

Live Demo

Check out the live version here: usePopcorn on Vercel

Contributing

Contributions are welcome. Feel free to submit a pull request or open an issue to discuss new features or bug fixes.