Skip to content

πŸ›’ Grocery Delivery Web App – A responsive grocery delivery website built using HTML, CSS, and JavaScript. Users can browse items, add them to their cart, and place orders seamlessly. Clean UI and smooth navigation make it ideal for small-scale e-commerce solutions.

Notifications You must be signed in to change notification settings

shrutim250/Grocery-del-application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Grocery Delivery Application

Overview

The Grocery Delivery Application is a full-stack web application that allows users to browse grocery items, add them to their cart, and place orders for delivery. This project demonstrates an end-to-end e-commerce solution with authentication, real-time order tracking, and a user-friendly interface. menu page

signup and login page

cart page

Features

  • User authentication (sign-up, login, logout)
  • Browse grocery categories and products
  • Add items to the cart and place orders
  • Order tracking and management
  • Admin panel for managing products and orders
  • Responsive design for a seamless user experience

Tech Stack

Frontend:

  • React.js
  • CSS

Backend:

  • Node.js with Express.js
  • MongoDB
  • JWT for authentication

Installation

Prerequisites:

Ensure you have the following installed:

  • Node.js
  • MongoDB (if using a local database)

Steps to Run the Project:

  1. Clone the repository:

    git clone https://github.com/shrutim250/Grocery-del-application.git
    cd Grocery-del-application
  2. Install dependencies for the backend:

    cd backend
    npm install
  3. Install dependencies for the frontend:

    cd ../frontend
    npm install
  4. Configure environment variables:

    • Create a .env file in the backend folder and add necessary environment variables (e.g., database URI, JWT secret, etc.)
  5. Start the backend server:

    npm start
  6. Start the frontend:

    npm start
  7. Open the application in your browser at http://localhost:3000

API Endpoints (Backend)

Method Endpoint Description
GET /api/products Get all grocery products
POST /api/auth/signup User registration
POST /api/auth/login User login
POST /api/orders Place a new order
GET /api/orders/:id Get order details

Contributing

  1. Fork the repository.
  2. Create a new branch (feature-branch).
  3. Commit your changes.
  4. Push to the branch and create a pull request.

License

This project is licensed under the MIT License. Screenshot 2024-07-16 172255admin page-add itemsadmin page-list

To open the frontend folder use npm run dev To open the backend server use npm run server To open the admin server use npm run dev

About

πŸ›’ Grocery Delivery Web App – A responsive grocery delivery website built using HTML, CSS, and JavaScript. Users can browse items, add them to their cart, and place orders seamlessly. Clean UI and smooth navigation make it ideal for small-scale e-commerce solutions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published