edwindelbosque / the-screening-room

Movie Hub for discovering, finding and saving films if you create an account.

Home Page:http://the-screening-room.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The Screening Room: A Movie Tracker web app

Summary

Ever been curious about what movies are currently out in theaters and wish you could get more info about them? Welcome to Movie Tracker where you can sign in, see the latest movies, and favorite them for later.

As a result of building out this project, we developed some muscle memory building out applications with Redux. We also got a much more practice doing network requests with a backend and fetching a nested API from 'TheMovieDB'.

Check out our live app in Heroku here!

Developers

How to install into your computer

  1. Fork and clone down this repository.
  2. In your Terminal, access the directory of this repository.
  3. Run npm install to install the webpack dependencies.
  4. Once it has finished installing, run npm start.
  5. Follow the instructions here to get the database up and running.
  6. Check out your broswer.

Screenshot

Kanban Board Workflow

Learnings

  • Made informed design decisions to create a user-friendly application.
  • Became comfortable with different network requests like GET, POST, & DELETE.
  • Got to user PostgresSQL to make network requests to the server.
  • Deployment of a Nodejs database into Heroku.
  • Solidified concepts with React to create clean and re-useable components.
  • Became comfortable with Redux’s lifecycle, creating actions, reducers, and connecting them to React components.
  • Understood and solidified concepts with React components, asynchronous code, and Redux testing.
  • Use of localStorage to make user and user information persist on page load.

Built with

  • React
  • Redux
  • React Router
  • PostgreSQL
  • Nodejs
  • TheMovieDB API
  • Jest & Enzyme testing suite
  • SASS (SCSS)
  • HTML
  • Heroku

About

Movie Hub for discovering, finding and saving films if you create an account.

http://the-screening-room.herokuapp.com/


Languages

Language:JavaScript 82.4%Language:CSS 17.0%Language:HTML 0.6%