dhirajmokal13 / Grocery-Shop

Grocery Shop web application built using MERN stack. It enables multiple sellers to sell their products online to a global audience. The platform is equipped with features such as online payments with Razorpay, location tracking on a map, email communication using SMTP, product reviews, and more.

Grocery Shop (MERN) Ecommerce

A MERN app that allows multiple sellers to register and list their products for customers to purchase.

Features

• Seller registration and product listing
• Customer payments using Razorpay online payment
• Map view of seller locations
• Email notifications using SMTP protocol
• Product reviews by customers

Technical stack

• MongoDB for data storage
• Express for server-side routing
• React for client-side rendering
• Node.js for server-side logic

How to run

1. Clone the repository using git clone https://github.com/dhirajmokal13/Grocery-Shop if git installed otherwise download the code.
2. Run npm install in / and /Client Both Directories to install the required dependencies.
3. Create .env File and add Following data.

DATABASE_URL_ONLINE = ""
DATABASE_URL_OFFLINE = 'mongodb://localhost:27017'

CLIENT_URLS = ["http://127.0.0.1:3000", "http://localhost:3000"]
ALLOWED_METHODS = ["POST", "PUT", "GET", "PATCH", "DELETE"]

JWTKEY = 'authentication-key-example'
smtp_user = ''
smtp_pass = ''

razorpay_key_id = ''
razorpay_key_secret = ''
PORT = "8080"

4. Run npm run dev in / and npm start in /Client to start the development server

Preview

1. Home

2. Signup

3. Search

4. Sellers Location

5. Order Page

6. Payment

7. Customer Orders

8. Manage Orders (Seller)

9. Location Update (Seller)