Rotten Potatoes

Project for Backend Web 1.1 @ MakeSchool.

If you spot an error, mark an issue on my github!

Technologies

• MongoDB
• Robo 3T
• Heroku
• Mongoose
• Node.js
• Express.js
• Express.js w/ Handlebars.js
• Bootstrap
• Axios Fetch
• jQuery

Setup

To run this app, follow these steps:

First Time Local Setup

1. open a terminal session
2. ensure you have node.js installed
3. clone this repository into a desireable directory
4. within a terminal, cd into the app's directory
5. run npm install

Run the App Locally

1. open a terminal session
2. if there are active mongod instances, run killall mongod
3. run mongod
4. open a second terminal session
5. cd into the app's directory
6. run npm start
7. navigate to http://localhost:3000/ in a web browser

Component Structure

• Main Layout: the main layout keeps the base structure for every page.
• Homepage: the homepage has a variety of options for viewing the movies index.
• Movies Index: the movies index page houses a list of movie-card subcomponents in a grid. each movie card utilizes two states: activated and hidden. when a movie card is activated, its details are shown. when a movie card is hidden, only its title and poster are shown.
  • Movie Card
• Shallow Movie Card:
  • Title Bars
  • Details
  • Featured Poster
• Deep Movie Card
  • Title Bar
  • Details
  • Featured Poster
  • Poster Gallery
  • Backdrop Gallery
  • Trailer Gallery
  • Review Gallery

To Do List

• Update homepage view
  • it must show options in a css-grid
  • grid must match sizes of movie-cards
• Update movies-index view
  • it should deconstruct