Recitation 5: Fullstack MERN app
Staff Overview
- Mehul Agarwal & Rohit Nanjangud Shreenivas
- Emails: mehula@andrew.cmu.edu & rshreeni@andrew.cmu.edu
- Office Hours: Mehul(3:30 PM to 4:30 PM on Wednesdays) Rohit(5 PM to 6 PM on Fridays)
Fullstack MERN app
- git clone from: https://github.com/machadop1407/MERN-Beginners
server
-- backend express app; runs on port 3001client
-- frontend react app; runs on port 3000
To run the backend server
- The app uses mongodb and this needs to be configured
- We've used mongoose library for ODM and interacting with the db
- On line 14,
mongoose.connect(<mongodb-atlas-url>);
you need to replace the url with your mongodb url - To setup a cloud mongodb, go to
https://www.mongodb.com/atlas/database
, setup a free tier db and get the connection link - Your URL should look something similar to this:
mongodb+srv://<username>:<password>@mers-fs-app.xg3etjm.mongodb.net/<dbname>?retryWrites=true&w=majority;
- Once you set this up, you can use
node index.js
from theserver
directory to bring up the backend server
To run the frontend server
cd client
- Delete the
package-lock.json
npm install
to install the required dependenciesNODE_OPTIONS=--openssl-legacy-provider npm start
to bring up the frontend server. The extra flag is to avoid some legacy dependency issue
Reference
- https://www.youtube.com/@PedroTechnologies