🛒 Grocery-App-SmartB– MERN Stack E-Commerce Application

Shope-mart is a full-featured MERN stack (MongoDB, Express, React, Node.js) e-commerce application with Stripe payment integration, secure authentication, product management, order handling, and a responsive UI.

🚀 Features

• User Features

  • Browse products by category
  • View detailed product pages
  • Add products to cart
  • Checkout with Stripe Payment Gateway
  • View order history
  • User authentication with JWT & cookies

• Seller/Admin Features

  • Add, update, and remove products
  • Manage stock availability
  • View orders and update their status

• General Features

  • Fully responsive design
  • Secure backend APIs
  • MongoDB for data storage
  • Middleware-based authentication
  • Protected routes

🛠️ Tech Stack

Frontend

• React.js
• Tailwind CSS
• Axios for API calls

Backend

• Node.js
• Express.js
• MongoDB + Mongoose
• Multer for image upload
• JWT authentication

Payment

• Stripe Payment Gateway (Test mode)

⚙️ Installation & Setup

Run Locally

Clone the project

  git clone git clone https://github.com/rahulgope45/Grocery-App-SmartB
cd Shope-mart

1️⃣ Go to the project directory

  cd my-project

Install dependencies Install frontend dependencies

cd ../Client

2️⃣ Start the server

  npm install

3️⃣ Set up environment variables

PORT=4000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
STRIPE_SECRET_KEY=your_stripe_secret_key

4️⃣ Run the app

  cd server

  npm start

📸 Screenshots

🔗 Team Member's

🙌 Acknowledgements

• Stripe Documentation
• MERN Stack
• Tailwind CSS