✨ Spotlight Cinema 🍿 🎬

Visit the deployed app here!

Table of Contents

• Abstract
• Technologies
• Code Architecture
• Illustrations
• Install + Setup
• Contributors
• Wins
• Challenges + Improvements
• Project Specs

Abstract

The goal was to build a React app with the Movie Database API. This app allows users to view movies from the entire collection, by genre, or searched titles. A user can search for a movie by title and their search results will filter in real time. If a user clicks on a movie it will show the user details about it. Users will also be able to add movies to a watchlist that will show up on a seperate watchlist page. Additionally, when visiting the homepage, a movie trailer will be selected at random for viewing.

Technologies

• JavaScript
• React
• React Hooks
• React Router v6
• React Player
• VScode
• TMDB API
• Lighthouse Audit: 97%
• Cypress (In progress)

App Overview

Install + Setup

• Clone this repo to your machine.
• cd into the directory spotlight-cinema
• Run npm install
• Run npm start

Contributors

• Susanna Carey
• Jessica Organ

Wins

• App created met the MVP as designed from conception.
• Working with a large, diverse, and multi-tiered API.
• Good communication and workflow.

Challenges + Improvements

• Begun as a paired project, this was finished a solo project, thus troubleshooting/debugging became a unique challenge at times.
• Implement error boundaries for better error handling.

Future Iterations

• Adding additional testing to test by unit with React's Testing Lbrary
• Add user functionality to rate movies themselves.
• Update CSS for full responsive design.