🛒 Grocery Delivery Website

A fully functional Grocery Delivery Website built using the MERN stack (MongoDB, Express, React, Node.js), with integrated Stripe payment gateway and deployed for free.

🚀 Features

• 🧑‍💻 Frontend: React.js + Tailwind CSS
• 🛍️ Browse groceries and place orders
• 👨‍💼 Admin panel for managing grocery items
• 🌐 Backend: Express.js + Node.js
• 💾 MongoDB database for storing users and products
• 💳 Stripe integration for secure online payments
• ☁️ Free deployment of frontend and backend

📁 Project Structure

/client         # React frontend
/server         # Node.js backend
/database       # MongoDB collections and schemas

🔧 Technologies Used

• React.js
• Tailwind CSS
• Node.js
• Express.js
• MongoDB (Atlas)
• Stripe (Payment Gateway)

📝 Steps to Build

1. Frontend (React + Tailwind CSS)

   • Create homepage, product listing, and cart UI
   • Implement user registration/login

2. Admin Panel

   • Upload new grocery items
   • Edit/delete products

3. Backend (Express + MongoDB)

   • Create RESTful APIs for products and orders
   • Manage users and admin roles

4. Stripe Payment Integration

   • Add secure checkout flow
   • Handle payment success and failure

📦 Installation

git clone https://github.com/your-username/grocery-delivery-app.git
cd grocery-delivery-app

# Setup frontend
cd client
npm install
npm run dev

# Setup backend
cd ../server
npm install
npm run dev

📬 Contact

For queries or support: prashan.kulatunge@gmail.com