Movie Database

Movie Database image
  • HTML
  • CSS
  • Sass
  • React
  • rest API
  • GitHub
  • Adobe XD
  • Photoshop

Process

What I learned

With my teammate, we built a movie database application with React that collects real-time data from every existing movie The Movie Database TMDb. This application features functions like saving and deleting favourite movies, searching and showing live results, and sorting movies based on four categories: popular, top-rated, now playing and upcoming. We chose the design that one of my teammates created, and there is a link to an early prototype that I created.

By creating this React App, I learned how React and rest API work. This group project helped me to understand how to work in a team, divide tasks, create less conflict when pushed to Git. I also learned the importance of prototypes to test initial ideas. Having a proper prototype helped to develop this app.

Prototype

Movie Database Prototype

Development

Movie Database image