Mockups
With the goal of learning React, I choose to use The Movie Database (TMDB) API to create a movie-based web application. Mockups were created in Figma, with a focus on mapping out colors for light and dark mode specifically. Light and dark versions of the logo were created in illustrator.
Development
The core technologies behind this project are React and Chakra UI. Other libraries included React Router, Zustand for state management, Axios for TMDB API calls, React Query for data fetching and caching, and Google Firebase for all of my backend needs.
The project’s features include being able to search and filter movies by popularity, genre, and online platform. It also allows users to create an account and curate their own movie lists. Overall, this endeavor was a learning experience in which I felt I was able to fully utilize my tools to create a functional and aesthetically pleasing web application.
