Baci Shop

Ecommerce Site using MERN stack

API Repo https://github.com/Kunal-Vijay/ecommerce-api

Visit the live website

baci.mp4

---

Tech Stack

• MERN
• Redux / Redux-toolkit
• Styled jsx
• Material UI
• Axios
• JSON Web token
• Cryptojs
• Stripe

Required Environment Variables

VARIABLE	Sample value
REACT_APP_BASE_URL	https://baci-ecommerce-api.onrender.com
REACT_APP_STRIPE	stripe test key

Installation Instructions

1. Install Node.js
2. Install npm
3. If you plan to use a local instance of MongoDB database, install MongoDB atlas.
4. Clone this github repo.
5. In the local project directory, create a new file called ".env".
6. Setup the environment variables as described above.
7. Open the local project directory in a terminal, and run: npm install.

Available Scripts

In the project directory, you can run:

cd client

npm run start

Runs the front-end client app in the development mode.
Open http://localhost:3000 to view it in the browser.

cd server Clone backend api from here https://github.com/Kunal-Vijay/ecommerce-api

nodemon index.js

Runs the back-end server app in the development mode.
Open http://localhost:5000 to view it in the browser. Please note that the server requires an active instance of the MongoDB database. Either provide a MongoDB atlas link in the URI environment variable, or use a local database, by placing its DATABASE in the same.

Application Screenshots

Stripe

---