Overview

A React based movie database web application that integrates the themoviedb.org API. Users are able to sort through movies by popularity, rating, and release date. They are also able to search for specific movies through the search-bar. Each movie containing unique details such as a number rating, release date, short description, and a list of the cast members.

Team size: 4

Roles: Designer, Developer, Project Manager

Process:

After getting the initial requirements we started by creating a new Vite React project. We then went on themoviedb.org to sign up for an API key/token and afterward explored the documentation. After getting an idea of how and where to fetch the data, we proceeded with development.

Tools:

  • JavaScript
  • React
  • Sass

Features:

  • With the help of React Responsive Carousel we made a hero banner that automatically loops infinitely.

  • We implemented a search bar. We would grab the user data from the input field and add the data to the API fetch query.

  • We integrated a "Load More" button that fetches the following page of the specific category then appends it to the current array of movies.

  • A favourite button that can store or remove movies from local storage.

Reflection:

Definitely need to be more aware in catching/preventing errors on fetched data. I need to create a better folder structure for projects. Also need to improve in DRY code practices.