Skip to content

Group project that consumes MovieDB API and displays current movies in theaters using React, React Redux, and Redux Thunks.

Notifications You must be signed in to change notification settings

ashtonkbailey/Movie-Tracker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MovieTracker

Description

Movie tracker is a web application designed to allow the user to create a collection of their favorite films that are in theaters. Movie data is populated via The Movie Database API. Account handling is done via a local backend built in Express.

This project is a part of the Front End Engineering Program at the Turing School of Software and Design. You can find the specs for it here.

Installation

Create a directory for the project and cd into it.

Clone down the repo for this project:

git clone git@github.com:saraebbers/Movie-Tracker.git

Clone down the repo for the backend:

git clone https://github.com/turingschool-examples/movie-tracker.git

Rename the movie-tracker directory 'backend'

cd into the backend directory

npm install

npm start

cd ../frontend-movie-tracker

npm install

In order to run locally you will also need to apply for an API key here. This key should live in a file called apiKey.js in the utils directory.

For example:

export const apiKey = //Your key here//

npm start - you will be asked if you should start the server on a new port - say 'yes'

Contributors

Sara Ebbers - Co-lead Developer

Jamie Rushford - Co-lead Developer

Ashton Bailey - Co-lead Developer

Technologies and Resources Used

  • React
  • Redux
  • React Router
  • API
  • Enzyme/Jest
  • HTML/SCSS
  • Git/GitHub
  • This project was bootstrapped with Create React App.

Design and Comps (Wire-frame, Application Screen shots)

Wire-frame Images

wireframeuser pfd

wireframenotsignedin pfd

login-signin pfd

Final App Images

screen shot 2019-01-03 at 8 50 46 am

About

Group project that consumes MovieDB API and displays current movies in theaters using React, React Redux, and Redux Thunks.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.7%
  • CSS 10.6%
  • HTML 2.7%