This is a working real e-commerce project. It has been made with MERN stack and uses Metro 4 as styling library.
This project was made for a company and this is the open source version. It's features all of the basics functionalities that an e-commerce needs. Including:
- Users authentication via Auth0.
- PayPal's payment wall.
- Admin dashboard to manage sales and CRM. (In progress)
This project was bootstrapped with Create React App.
Note: Actually to run this project you need your own .env file with the requirements listed bellow. However you should be able to run partially the frontend without it.
In the project directory, you need to run:
For the frontend you simply need to run:
In the root directory and after installing all of the dependencies.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
To run the backend you need to be in the /server
folder.
Once here you need to run:
And if .env
file is correctly configured it will connect with a MongoDB database and run a Express server.
In order to run the app successfully you need to have a MongoDB database running, preferably in the Atlas cloud service. You need also you own account and project created on Auth0.
CONNECTION_STRING=(your MongoDB connection string)
SESSION_SECRET=(very long random key)
REACT_APP_AUTH0_CLIENT_ID=(provided key in auth0)
REACT_APP_AUTH0_DOMAIN=your_company.selected_region.auth0.com
REACT_APP_AUTH0_CLIENT_SECRET=(provided key in auth0)
PAYPAL_CLIENT_ID=