MY REACT SHOP - A MERN Example

Summary of the demo

In this demo you will see:

• How to build a React web application to simulate an eCommerce
• How to build a NodeJS backend application to simulate an eCommerce
• Adding Open Telemetry traces

Requirements

• NodeJS 16.x installed
• A container running a Mongo instance. Check this tutorial for more.
• A container running ZipKin for showing the OpenTelemetry traces. Check this tutorial to learn more.

Run this demo locally

1. Make dev.js file inside config folder
2. Add mongoDB info into dev.js file.

module.exports = {
    mongoURI:'mongodb://user:password@localhost:27017'
}

3. Type npm install inside the root directory, to download server-side dependencies.

4. Type npm install inside the client directory, to download front-end dependencies.

5. Create an upload folder in the root of this project

6. If you want to prepopulate the eCommerce you can copy all the files in data/images to the upload folder.

7. Use mongo restore to restore the database dump in the data/dump folder.

mongorestore --uri="mongodb://<user>:<password>@localhost:27017" dump/

How to develop this project

The React part of this code repo is inspired in a YouTube tutorial. You can watch the tutorial to learn to build this application.