Naan Mudhalvan: Grocery WebApp

This project is developed as part of the Naan Mudhalvan Program. The course is MERN Stack Powered by MongoDB (subject code: NM1042), conducted for Tagore Engineering College (College Code: 4127). This Grocery Web Application provides users with a seamless platform to browse, select, and purchase groceries online. Built using the MERN stack (MongoDB, Express, React, Node.js), the app ensures an intuitive and responsive experience for users while enabling efficient inventory and order management for administrators.

---

GROCERY WEB APPLICATION

Project Team

Team ID: NM2024TMID02109

Name	Register Number	Naan Mudhalvan ID
Paul Benjamin Felix	412721104033	863C60058CB58608CC44AE4E11AC3762
Mohammad Azarudeen	412721104027	DAA43C08FA7EA5C941449BBF438D56FF
Rohith Raj	412721104039	66698DC34B5DC9482B548DC9F722F79C
Moses	412721104029	AB858A6B52FD38AAD034E70DDF38512D
Akash Vaishnu Dev	412721104004	7E97216E6E9296CA0E241FC5A3C552AB

We are the students of Computer Science and Engineering (CSE) department pursuing IV Year 7th semester.

---

Project Description

Project Name: Online Learning Platform using MERN

This grocery web app is designed to streamline the shopping experience and enhance user convenience through an intuitive, feature-rich interface. It offers functionalities such as browsing and searching for products, adding items to the cart, managing orders, and user profile management. Built with the MERN stack, the application ensures a seamless user experience and efficient handling of data for both customers and administrators.

Project Report: View the full project report (PDF)

Demo Video: To view the demo video

---

Steps to Run the Application Locally

Follow these steps to set up the application on your local machine

1. Clone the Repository

    git clone https://github.com/RohithRenz/Grocery_Web_App/

2. Navigate to the cloned repository

    cd onload-master

3. Configuration Settings

Rename the environment file in the client side.

    Rename .env.local1 to .env.local

4. Setting up the frontend

Open a new terminal in VS Code and run the following commands to install the required packages and start the frontend

    cd client
    npm install   # install the required packages
    npm run dev

Open a browser and navigate to http://localhost:3000 to access the frontend of the application.

5. Setting up the backend

Open another terminal in VS Code and run the following commands to install the necessary packages and start the backend server

    cd server
    npm install      # install the required packages
    node server.js   # or use nodemon for automatic restarts with `nodemon server.js`

The backend server will start on PORT 3000 by default. You can adjust this setting in the .env file if needed.

---

Technologies Used

• Frontend: React, HTML, CSS, JavaScript, Bootstrap
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JSON Web Tokens (JWT)
• Environment Management: dotenv

---

Additional Information

For further assistance or doubts, reach out to any team member listed above or find their GitHub ID from the collaborators list.

---