Movie Review Site

A full-stack MERN application that allows users to create, browse, and manage movie reviews.

Demo

Link to Figma Designs

Features

• Full CRUD Functionality: Users can Create, Read, Update, and Delete movie reviews.
• RESTful API: Custom-built Node.js and Express backend for efficient data handling.
• Database Management: Integrated MongoDB for flexible, document-based storage of user-generated content.
• Responsive UI: Built with React for a seamless experience across desktop and mobile devices.
• Data Validation: Server-side logic to ensure data integrity during submission.

Tech Stack

• Frontend: React, JavaScript, HTML5, CSS3
• Backend: Node.js, Express.js
• Database: MongoDB
• Design: Figma

Installation & Setup

1. Clone the repository

   git clone [https://github.com/jpgoreczky/Movie-Review-Website.git](https://github.com/jpgoreczky/Movie-Review-Website.git)

2. Install dependencies Navigate to the root directory and the client directory to run:

   npm install

3. Environment Variables Create a .env file in the root directory and add your MongoDB connection string: MONGO_URI=your_mongodb_connection_string
4. Run the application
   • Backend: In the root directory, run:

     npm start

   • Frontend: In the /frontend directory, run:

     npm run dev

Testing

• Manual Testing: Verified all API endpoints (POST, GET, PUT, DELETE) using Postman.
• Validation: Implemented server-side data validation to ensure data integrity during submission.