Skip to content

colev1/movie-tracker

Repository files navigation

Movie Tracker

Description of App:

In this application, we utilized The Movie DB API to create a personalized movie application to allow users to view, favorite, and search for movies within the database. The main goal of the project was to allow users to create accounts, favorite movies, and then be able to view those favorited movies when signing back in at a later time. This application contains a backend server to validate users as well as a client-side frontend created using create-react-app. We used react, redux, react router, and redux thunk middleware to create the front end application.

Technologies used:

  • React
  • Redux
  • React Router
  • Redux-Thunk Middleware
  • Jest
  • Enzyme

Setup:

This project was bootstrapped with Create React App.

Backend

To view this application, you first need to run the backend server by following these instructions:

  • git clone https://github.com/turingschool-examples/movie-tracker backend
  • cd backend
  • npm install
  • npm start

Frontend

Then, you can run the frontend server to view with the application

  • git clone https://github.com/colev1/movie-tracker
  • cd movie-tracker/
  • npm install
  • npm start

Open http://localhost:3000 to view it in the browser.

Testing

In the movie-tracker directory, you can run the test files using: npm test

Design and Layout

Wireframe:

Wireframe of homepage

Wireframe of viewing movie

Our App:

Screenshot of app

Second screenshot of app

Contributors

About

A movie finder application built using React, Redux, and Router.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors