Milestone-2-Project-The-Movie-Gallery

The Movie Gallery project offers the opportunity for anyone to add and edit movies in their collection.

This app was designed with the user in mind. We made a point to focus on making the app visually pleasing with a smooth transition from one screen to the next. Our ultimate goal is to maintain optimal backend functionality that translates to a seamless front-end.

This project is designed as a MERN (MongoDb Express React Node) full-stack application that implements full CRUD (Create Read Update Delete) functionality.

Tech Usage

CSS Framework: Bootstrap

Stack: MongoDB, Express, React, and NodeJS

Server-Side Rendering: JSX

Node Modules: method-override, dotenv, express-react-views

Routes

Method	Path	Purpose
GET	/	Home page
GET	/movies	Index page listing all movies
POST	/movies	Create a new movie
GET	/movies/new	Form page for creating a new movie
GET	/movies/:id	Show one movie in detail (Associated reviews, new review form, delete review button)
PUT	/movies/:id	Update a particular movie
GET	/movies/:id/edit	Form page for editing an existing movie
DELETE	/movies/:id	Delete a particular movie
POST	/movies/:id/review	Create a review (comment) about a particular movie
DELETE	/movies/:id/review/:reviewId	Delete a review (comment) about a particular movie
GET	*	404 page (matches any route not defined above)

Database

movies

Field	Type
_id	Object ID
title	String
poster	String
year	String
director	String
genre	String

reviews

Field	Type
_id	Object ID
movie_id	ref(movies) Object_Id
love	Boolean
rating	Number
review	String
reviewer	String

Planning

User Stories

TBD

Wireframes

TBD

Notes

Possible bonus ideas:

• Update for comments
• Aggregate rating for a movie
• Auto-complete year dropdown

References:

W3W Schools
stack overflow
Rest-rant project from backend
GPT-3.5 & Google referenced to aid with formatting, CSS, CLI, and installation issues.

App background image source links:

Welcome Page Majestic Cinema
Add a Movie view clapperboard & film
Gallery view galaxy background
Show view ‘red curtain’
Edit view director's chair
Error404 view Hollywood skyline

All movie posters sourced from movieposterdb.com with the exception of:
Gadar 2
Kung Fu Panda
The Super Mario Bros
The Goonies