Discover, rate, and track your favorite movies with usePopcorn. This React-based web app features a responsive design, intuitive interface, and interactive movie rating.
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.
- View Demo - https://use-popcorn-codepapa.vercel.app
- React
- API
- CSS
- Html
- Clone this repo:
git clone https://github.com/CodePapa360/usePopcorn.git- Install dependencies:
npm install- Build command:
npm run build- Live server:
npm run devAlamin
- Twitter - @CodePapa360
- LinkedIn - @CodePapa360
- Frontend Mentor - @CodePapa360
- Github: @CodePapa360
Feel free to contact me with any questions or feedback!
Show your appreciation by starring this project on GitHub.🙂 Your support will motivate me to continue creating and sharing valuable open-source projects
This app was developed as part of the Udemy course "The Ultimate React Course 2023: React, Redux & More" by Jonas Smechmann. Special thanks to Jonas for his exceptional teaching and guidance during the course.