Skip to content

A full-stack hyperlocal e-commerce grocery delivery application with features like product browsing, cart management, secure authentication, and real-time order flow. Built using React, Node.js, Express, MongoDB, Redux, and Tailwind CSS.

Notifications You must be signed in to change notification settings

Tanmayk03/Hyperlocal-Delivery-Application-

Repository files navigation

🛒 HyperDelivery Application

A full-stack e-commerce web application inspired by modern grocery delivery platforms, developed during my internship at Decrypton. This project simulates a real-world online grocery shopping experience with features like product listings, search, cart, checkout, authentication, and payment integration.

🚀 Live Demo

https://hyperlocal-delivery-application-d5vp.vercel.app/


📸 Screenshots

🏠 Home Page

image

📦 Product Listing

image

🛒 Cart Page

image

💳 Checkout Page

image

🔐 Login / Signup

image

🧰 Tech Stack

Frontend:

  • React.js
  • Redux Toolkit
  • Tailwind CSS
  • React Router
  • Stripe.js for Payments

Backend:

  • Node.js
  • Express.js
  • MongoDB with Mongoose
  • JWT Authentication
  • Stripe Payment Gateway

Tools & Deployment:

  • Vercel (Frontend)
  • Render / Railway (Backend)
  • GitHub
  • Postman (API Testing)
  • Dotenv for config management

📦 Features

  • 🔍 Search and filter products
  • 🛒 Add to Cart, quantity adjustment
  • 🔐 JWT-based Auth (Login/Signup)
  • 🧾 Order summary and total calculation
  • 💳 Stripe-based secure payments
  • 📱 Responsive mobile-friendly UI

📁 Folder Structure

hyperdelivery-fullstack/
client/
├── public/
│   ├── index.html
│   └── favicon.ico
├── src/
│   ├── components/
│   ├── pages/
│   ├── App.js
│   └── index.js
├── package.json
└── .env
server/
├── config/
│   ├── db.js
│   └── config.js
├── controllers/
│   ├── userController.js
│   └── productController.js
├── models/
│   ├── User.js
│   └── Product.js
├── routes/
│   ├── userRoutes.js
│   └── productRoutes.js
├── middleware/
│   └── authMiddleware.js
├── server.js
└── package.json

📚 Learnings

  • Built a scalable full-stack app from scratch
  • Implemented Redux for state management
  • Integrated Stripe for secure payments
  • Used JWT for authentication and protected routes
  • Gained hands-on experience in deploying apps using Vercel and Render

📌 Acknowledgements

  • 🛒 Grocery delivery platforms — for UI/UX inspiration
  • 💳 Stripe Documentation — for seamless payment integration
  • 🍃 MongoDB Atlas — for cloud-based database management

📧 Contact

Made with ❤️ by Tanmay Kapoor

About

A full-stack hyperlocal e-commerce grocery delivery application with features like product browsing, cart management, secure authentication, and real-time order flow. Built using React, Node.js, Express, MongoDB, Redux, and Tailwind CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages