kaohman / movie-tracker-app

Movie Tracker app for tracking movies and logging in to save and view your favorites.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Movie Tracker

An application for perusing movies

Set-Up Back-End

Clone back-end repo: git clone https://github.com/turingschool-examples/movie-tracker.git Run npm install from root directory Run npm start

Set-Up Front-End

Clone this repo: git clone git@github.com:kaohman/movie-tracker-app.git Run npm install from root directory Run npm start and visit localhost:3001 in your browser

Deployed Website

Movie Tracker

Background/About

This is a Movie Tracker app where users can view popular movies and sign-in to track their favorites. This project was our first app using Redux, React Router, and making fetch calls to a Postgres database. View original assigment here.

Screenshots

Overall page:

vid1

User sign up:

vid3

User login and favorites:

vid2

Primary Technologies Used

  • ReactJS
  • Redux
  • React Router
  • Jest
  • Enzyme
  • SASS/SCSS
  • MovieDB API
  • Postgres

Testing:

Jest and Enzyme for front-end testing. Run npm test from the root directory

Enhancements

  • Add favorites button to movie details
  • Deploy website on Heroku
  • Regular expressions on email inputs so only valid emails are accepted

Contributors

Karin Ohman & Travis Gee

Wireframes

wireframe 1 wireframe 2 wireframe 3

About

Movie Tracker app for tracking movies and logging in to save and view your favorites.


Languages

Language:JavaScript 84.5%Language:CSS 12.9%Language:HTML 2.7%