Movie Database

Movie database homepage

Overview

I built a movie database similar to IMDB or Netflix, where users can browse and explore films. On the landing page, they can filter films and use a search bar to find more films. It consisted of creating a wireframe in Photoshop and interactive prototype in Adobe XD, utilizing a React-based API (to obtain film data and allow users to interact by adding favorites, view film info, etc), and building the website

Features

  • Movie filters: popular, top rated, upcoming, now playing, and my picks
  • Search bar where users can search by title, actor, or other filters
  • Interactive favorites
  • Detailed movie information that is obtained with the React API
  • User-friendly interface
Wireframe for mobile
Wireframe for desktop

To map out the structure and layout for the mobile and desktop view, I created some wireframes. On the final version of the site, you can browse films with the filter categories Top Rated, Upcoming, Popular, and Now Playing. The site also allows users to add or remove a film from their favorites list, as well as search for specific film titles using the search bar.

Favorites page on movie database site