Skip to content

relasine/frontend-movie-tracker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

369 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

movieTracker

Description

Movie tracker is a web application designed to allow the user to create a collection of their favorite films. Users can search films by title, browse them via a combination of genre, rating, year of release, and sort them via a series of parameters. 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 https://github.com/aweissman11/frontend-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 npm start - you will be asked if you should start the server on a new port - say 'yes'

Contributors and their primary roles

Aaron Weissman - Co-lead Developer

  • Co-lead developer
  • React component/container development
  • Filter logic and implementation
  • REST API data management
  • Redux implementation
  • Unit and integration Testing

Laura Shamus - Co-lead Developer

  • Middleware/Thunk implementation
  • React component/container development
  • Redux implementation
  • REST API integration
  • Code QA
  • Unit and integration testing

Kevin Simpson - Lead Designer

  • Design and layout
  • Redux implementation
  • Code QA
  • Unit and integration testing

Technologies and Resources Used

  • React.js
  • React Router
  • Redux
  • REST API
  • Enzyme/Jest
  • HTML5/CSS3
  • Git/GitHub

Design and Comps (early, pre-feature implementation/prototypes)

Early concepting for these project took on theme of clean, minimilist design. desktop-scroll-mock desktop-login-bluebackleftcentered

Screenshots and Animations/Transitions

screen shot 2018-10-30 at 1 01 52 pm

screen shot 2018-10-30 at 1 01 35 pm

screen shot 2018-10-30 at 1 02 06 pm

phone-scroll

loginpage

About

Front End of the Mod 3 Movie Tracker Project at Turing

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 83.5%
  • CSS 15.1%
  • HTML 1.4%