Food Store MERN Project

This project is a MERN (MongoDB, Express.js, React.js, Node.js) based web application for managing a food store. It includes both admin and customer views for efficient management and shopping experience.

Admin Access

• Email: [email protected]
• Password: 12341234

Features

1. Admin Dashboard:

   • Manage products (add, edit, delete).
   • View orders and manage order status.
   • Manage users (view, edit, delete).

2. Customer View:

   • Browse available products.
   • Add products to the cart.
   • Place orders.
   • View order history.

Skills Used

Tools Used

• Visual Studio Code
• Git
• Render (Frontend and Backend deployed together)
• MongoDB Atlas
• Cloudinary
• Mailgun

Lessons Learned

• Utilized MongoDB for database management, understanding its document-based structure.
• Implemented RESTful APIs using Express.js for handling server-side logic and routes.
• Utilized React.js to build a dynamic and responsive user interface for both admin and customer views.
• Implemented user authentication and authorization for admin access using Node.js.
• Enhanced skills in frontend and backend development, including routing, state management, and CRUD operations.
• Learned about session management, authentication, and authorization techniques.
• Improved understanding of MERN stack architecture and its application in real-world projects.

Screenshots

1. Home Page Screenshot of the Home Page

2. Adding item to Cart

   Screenshot of the Selected Food

3. Admin Dashboard Screenshot of the Admin Dashboard

4. Card Page *Screenshot of the Card Page *

5. Order Form *Screenshot of the Order Form *

Setup

To run this project, you need to have MongoDB, Node.js, and npm installed.

1. Clone the repository.
2. Navigate to the project directory.
3. Install dependencies using npm install.
4. Start the server using npm start.

Feedback

If you have any feedback or questions, feel free to contact us at [email protected].