https://github.com/callmedeci/usepopcorn

https://github.com/callmedeci/usepopcorn

css-modules css3 javascript jest react spa

Last synced: 24 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/callmedeci/usepopcorn
• Owner: callmedeci
• Created: 2025-08-21T12:24:51.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-08-21T14:34:21.000Z (5 months ago)
• Last Synced: 2025-08-21T14:44:41.038Z (5 months ago)
• Topics: css-modules, css3, javascript, jest, react, spa
• Language: JavaScript
• Homepage: https://usepopcorn-production.vercel.app
• Size: 206 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![Jest](https://img.shields.io/badge/jest-%23C21325.svg?style=for-the-badge&logo=jest&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

## Installation

1. Clone the repository:

   ```sh

   git clone https://github.com/yourusername/usepopcorn.git

   cd usepopcorn

   ````

2. Install dependencies:

   ```sh

   npm install

   ```

3. Start the development server:

   ```sh

   npm start

   ```

4. Build for production:

   ```sh

   npm run build

   ```

## Live Demo

Check out the live version here: [usePopcorn on Vercel](https://usepopcorn-production.vercel.app)

## Contributing

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