Code Monkey home page Code Monkey logo

kokenydaniel / use-popcorn Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 215 KB

usePopcorn 🎬 | The app called "usePopcorn" is an intuitive and user-friendly platform that helps users find and rate their favorite movies and series. The app offers many features that make it easy to find content and manage your personal lists.

Home Page: https://use-popcorn-daniel.netlify.app

License: MIT License

HTML 4.31% JavaScript 81.03% CSS 14.67%
api beginner-project css jonas-schmedtmann-course movies react series

use-popcorn's Introduction

Képernyőfotó 2023-12-06 - 10 00 28

🎥 usePopcorn 🎬

About The Project

The app called "usePopcorn" is an intuitive and user-friendly platform that helps users find and rate their favorite movies and series. The app offers many features that make it easy to find content and manage your personal lists.

Main functions:

  • Search and Browse: The app allows users to easily search for movies and series by title. Search results contain detailed information including title, year of publication.

  • Rating and Commenting: Users can rate the content they see.

  • Personal Lists: Users can create their own list, such as "Already Seen". The list helps you organize and keep track of the content you watch.

  • Average Rating: The application automatically calculates the average rating of movies and series rated by the user. This makes it easy to find out how enjoyable the selected content is overall.

  • Summary in Lists: The application displays the total number of minutes of movies and series in user-created lists. This allows users to plan and easily track how much time they spend on their favorite content.

The "usePopcorn" application combines search, rating and personal list management to give users a complete experience in the world of movies and series.

Built in

  1. React
  2. CSS
  3. Javascript

What I learned

Built with React and many valuable lessons can be learned:

API Integration: In the project, I used an API providing detailed information about movies and series. Through this, I learned how to query, manage and display data on the user interface. State management: React's state management provides an opportunity to transfer and update data between components. I used this functionality to track ratings, lists, and averages. User Experience (UX): During the project, I learned about the design of intuitive user interfaces and the principles of UX design. How users can easily browse, rate and follow content in the app. Project Structure and Modular Code: During application development, I learned the project structure and the modular structure of the components, which contributes to easier maintainability and scalability. Testing and Debugging: During development, I experienced the importance of testing and debugging. How to effectively test components and track and fix bugs. All of these lessons help me to develop modern web applications more and more confidently and efficiently, and to better understand the use of React, Tailwind CSS and the Vite framework in project development.

Acknowledgment

Thanks to everyone who gives feedback on my solution. It definitely helps you find new ways to code and find easier solutions!

use-popcorn's People

Contributors

kokenydaniel avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.