MANAMovieStudios-Web

A NodeJS/React Movie Database to display movie general information, categories, and leave reviews.

I have been creating this project for a class at my University. This project aims to reflect my knowledge about RESTful API's and Create, Read, Update and Delete (CRUD) operations in a database.

Prerequisites

• You need to have installed MANAMovieStudios-Core in your Server as a RESTful API Server. You can clone the repository here.
• NodeJS 18.14 or later installed in your system.

Installation

1. Download here or clone it in a empty folder with the following command (Requires Git)

git clone https://github.com/legoraystudios/MANAMovieStudios-Web.git

2. Extract all the files on the folder, if present, into a .zip file.

3. Open the .env file on the project and replace REACT_APP_BACKEND_HOST with your actual RESTful API Server URL:

REACT_APP_BACKEND_HOST="http://localhost:8080"

(This is necessary to avoid issues with CORS Policy and Headers).

4. Modify "homepage": "." on package.json with your actual domain and path in case that you want to host this app into a web server.

5. If you're going to host this app inside of a subdirectory on a web server, specify the subdirectory that you want to host the website (for example: https://example.com/mywebsite):

REACT_APP_BASENAME="/mywebsite"

If your going to host this app on the domain root, you can leave it by default:

REACT_APP_BASENAME="/"

6. Run npm install to install all the dependencies in package.json.

7. When dependencies are installed, run npm start to start a project in a development build, or npm run build for a production build.

Dependencies

For this project, I used the following dependencies:

• Bootstrap
• bootstrap-icons
• react-router-dom
• react-datepicker