search

slukic0 / movies-app

Fullstack MERN application that allows users to browse, search, and favourite movies using the MovieDB API.
https://movies-app.onrender.com/
GNU General Public License v3.0
3 stars 0 forks source link
fullstack javascript mongodb nodejs react

readme

Movies App

This is a Fullstack Application developed with MongoDB, Express, React, and Nodejs using the MovieDB API.

View Live Application

Click this link to view a live demo of the application
Please allow some time for the server to wake up from sleep if the page does not immediately load.

Prerequisites

Install Node JS

https://nodejs.org/en/

Obtain API Keys

  1. Go to the MovieDB website and register for a free API key.
  2. Go to the auth0 website and register for a free account.

Setup / Installation

Download the project and open the root directory. Run npm ci in both /client and /server to install required dependencies

You must also set the environment variables for both the frontend and backend.

  1. Create a .env file in /server and set the following variables

    API_KEY = your MovieDB API key
MONGODB_URI = your mongoDB connection string
PORT = your server port here

  2. Create a .env file in /client and set the following variables

    REACT_APP_AUTH0_DOMAIN = your auth0 domain
REACT_APP_AUTH0_CLIENT_ID = your auth0 clientID
REACT_APP_SERVER_URL = server url (eg: http://localhost:4000)

Running the App

  1. Start the React App by navigating to /server and running npm start
  2. Start the Server by navigating to /client and running npm start
  3. The app can now be seen by navigating to http://localhost:3000