MovieDb is an app that allows users to search for any movie and its information utilizing the OMDb API. This app was designed to replicate the styling of popular movie databases and streaming services such as Netflix, Disney Plus, Amazon Prime, etc. Once the user selects on a movie of their liking, they will be provided a module full of the movie’s information, trailer, an option to add or remove the movie to and from their favorites list, as well as the ability to shop for the movie utilizing a search Google Shopping.

This app was developed with MERN Stack technologies along with other dependencies such as, react-bootstrap, react-router-dom, mongoose, react-fontawesome, and react-notifications-component. I was responsible for developing all aspects of the MERN Stack in this application. These responsibilities included developing the MongoDB schema, applying multiple queries with the OMDb API, establishing api routes through mongoose and React to collect and store data for the favorite movies list, while also developing CRUD functions and styling animations on the frontend. I was also able to build responsiveness for mobile devises and was able to deploy the app to Heroku.

The most challenging aspect of this project was the development of the toggle button to add and remove movies to and from the favorites list. This was challenging because the feature required me to manipulate multiple functions with one click, such as sending the api requests to add or remove the specified movie, while also defining and displaying the correct animation scheme regarding if the movie has been added or not.