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.
- 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
- React.js
- CSS
- Node.js with Express.js
- MongoDB
- JWT for authentication
Ensure you have the following installed:
- Node.js
- MongoDB (if using a local database)
-
Clone the repository:
git clone https://github.com/shrutim250/Grocery-del-application.git cd Grocery-del-application
-
Install dependencies for the backend:
cd backend npm install
-
Install dependencies for the frontend:
cd ../frontend npm install
-
Configure environment variables:
- Create a
.env
file in thebackend
folder and add necessary environment variables (e.g., database URI, JWT secret, etc.)
- Create a
-
Start the backend server:
npm start
-
Start the frontend:
npm start
-
Open the application in your browser at
http://localhost:3000
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 |
- Fork the repository.
- Create a new branch (
feature-branch
). - Commit your changes.
- Push to the branch and create a pull request.
This project is licensed under the MIT License.
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