💻 MERN stack template

Template for building projects with the MERN (MongoDB, Express, React, Node.js) stack. This template was generated using create-react-app and express-generator for the client and server, respectively.

Prerequisites

• Install Node and npm here
• Install npm with the command npm install
• Set up a MongoDB Atlas instance. See this video for help!
• Create a .env file with a variable called DB_URL and paste your MongoDB url:
• Cd into client and install aos by calling npm install aos for animations
• Cd into client and intall react-router-dom as well axios with npm install react-router-dom and npm install axios
• Cd into server and install express, nodemon, dotenv, and cors with npm install express nodemon dotenv cors
• Start the frontend by cd into client and running npm start
• Start the backend by cd into server and running npm run dev

DB_URL=mongodb://mongodburl.example.com:portnumber

Running

1. cd into client and run the command yarn install to install all dependencies
2. To start the client, run npm start in the same directory
3. In another command window, cd into server and run npm install and npm start to install all dependencies and start the server.
4. Happy hacking!