Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codewithalamin/usepopcorn
Discover, rate, and track your favorite movies with usePopcorn. This React-based web app features a responsive design, intuitive interface, and interactive movie rating.
https://github.com/codewithalamin/usepopcorn
movie-rating-app movie-web-app movies-app-react usepopcorn usepopcorn-v2
Last synced: 4 days ago
JSON representation
Discover, rate, and track your favorite movies with usePopcorn. This React-based web app features a responsive design, intuitive interface, and interactive movie rating.
- Host: GitHub
- URL: https://github.com/codewithalamin/usepopcorn
- Owner: CodeWithAlamin
- Created: 2023-11-29T17:48:49.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-25T10:44:45.000Z (10 months ago)
- Last Synced: 2024-10-30T10:38:28.289Z (15 days ago)
- Topics: movie-rating-app, movie-web-app, movies-app-react, usepopcorn, usepopcorn-v2
- Language: JavaScript
- Homepage: https://use-popcorn-codepapa.vercel.app
- Size: 131 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Discover, rate, and track your favorite movies with usePopcorn. This React-based web app features a responsive design, intuitive interface, and interactive movie rating.
## Table of contents📚
- [Key Features](#key-features)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Installation](#installation)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Key Features🎉
Users should be able to:
- **Search for Favorite Movies:**
Users can easily search for their favorite movies on the platform.
- **Rate Movies on a Scale of 1 to 10:**
Users have the option to rate any specific movie on a scale from 1 to 10.
- **View Rated Movies in the Watched Section:**
Rated movies are neatly organized in the "Watched" section, accompanied by additional information.
- **Remove Movies from the Watched List:**
Users can effortlessly remove any specific movie from their watched list.
- **Responsive Design for Optimal Layout:**
The website adapts to different screen sizes, providing users with an optimal layout for a seamless experience on various devices.
- **Interactive Hover States:**
Users can explore hover states for all interactive elements on the page, enhancing the overall interactivity of the website.
## Links
- View Demo - https://use-popcorn-alamin.vercel.app
## My process🛠️
### Tech Stack🏗️
- React
- API
- CSS
- Html
## Installation📥
- Clone this repo:
```sh
git clone https://github.com/CodeWithAlamin/usePopcorn.git
```
- Install dependencies:
```sh
npm install
```
- Build command:
```sh
npm run build
```
- Live server:
```sh
npm run dev
```
## Author👤
Alamin
- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)
- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)
- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)
- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)
Feel free to contact me with any questions or feedback!
## Star this project🌟
Show your appreciation by starring this project on GitHub.🙂 Your support will motivate me to continue creating and sharing valuable open-source projects
## Acknowledgments🙏
This app was developed as part of the [Udemy course](https://www.udemy.com/course/the-ultimate-react-course) "The Ultimate React Course 2023: React, Redux & More" by [Jonas Smechmann](https://twitter.com/jonasschmedtman). Special thanks to Jonas for his exceptional teaching and guidance during the course.