MERN-Movie-Reviewer

Full stack web app using the MERN stack (MongoDB, Express, React, and Node.js) to CRUD (Create, Read, Update and Delete) movie reviews and ratings.

MERN:

• MongoDB: Document based open source database
• Express: Web application framework that makes it simpler to code a web server in JavaScript.
• React: Front-end library for building user interfaces.
• Nodes.js: Allows Javascript to run outside a browser in places like a web server.

Backend Dependencies:

• express
• cors: Cross-origin resource sharing, allows ajax request to skip the same origin policy and access resources from remote hosts. The cors package provides an express middleware than can enable cors with different options. Basically going it make it so we can make the right connections on our network that we need to make.
• mongodb:
• dotenv: Loads environmental variables from a dot emv file in the process. Environmental variables can be stored in a file.
• nodemon: Nodemon helps develop node.js based applications by automatically restarting the node application.

Frontend Dependencies:

• bootstrap
• react-router-dom@5: To route different urls to different pages on our site.
• axios: Axios for the get/post/put/delete requests.

To use:

• Open 2 command prompts.
• Navigate to "backend" folder and run ~nodemon start to start the backend.
• Navigate to "frontend" folder and run ~npm start to start the front end.
• Your browser will open up to your localhost and you will be brought to the homepage.

Search for movies using the Search by Name, Search by Release Year or Genre queries.

After logging in, the Home page is updated with more tab option.

Clicking "View Reviews" on a movie gives you the option to add a review/rating for the movie.

Add your review.

Movie now displays your review.

Review tab displays all your reviews which you can edit.