Foodlicious

Built an online food ordering system with a user-friendly interface and efficient admin tools for managing menus, pricing, and order fulfillment.

Role

Lead Developer and Designer

Industry

Food & Beverage

Duration

4 weeks

Introduction

Foodlicious is an online food ordering system built using React, Node.js, Express.js, and MongoDB. It allows customers to order a variety of foods directly from the website, with support for different cuisines, such as Italian, Mexican, Chinese, and more. Customers can track their order status and receive real-time updates on their delivery status, while the admin interface allows the business owner to manage their menu, set pricing, and monitor order fulfillment for all the different food options available.

Features

User Dashboard
Admin Dashboard
Manage Users, Products, Orders in Admin Panel
Add to Cart Feature
Update Quantity in Cart
Delete Products from the Cart
User Authentication
Common Payment Gateway Integration
Paying Amount with Stripe
Placing Orders
Store Orders in the Database
Retrieve Orders to User Profile

Technologies Used

Frontend: React
Backend: Node.js and Express.js
Database: MongoDB

Introduction

Features

User Dashboard
Admin Dashboard
Manage Users, Products, Orders in Admin Panel
Add to Cart Feature
Update Quantity in Cart
Delete Products from the Cart
User Authentication
Common Payment Gateway Integration
Paying Amount with Stripe
Placing Orders
Store Orders in the Database
Retrieve Orders to User Profile

Technologies Used

Frontend: React
Backend: Node.js and Express.js
Database: MongoDB

Getting Started

To run Foodlicious on your local machine, follow these steps:
1. Clone the repository:
  git clone https://github.com/Anuja-Kale/Foodilicious.git
2. Install dependencies:
  cd Foodlicious && npm install
3. Create a .env file and add the following environment variables:
- MONGO_URI: the URI for your MongoDB database
- JWT_SECRET: a secret key used for user authentication
- STRIPE_SECRET_KEY: the secret key for your Stripe account
1. Start the development server:
  npm start

Conclusion

Foodlicious showcases a comprehensive online food ordering system, combining efficient back-end functionality with a user-friendly front-end interface. With features such as real-time order management, secure payment integration, and intuitive dashboards for both users and admins, the system ensures a seamless experience for all stakeholders. The project demonstrates expertise in full-stack development, utilizing modern technologies like React, Node.js, Express.js, and MongoDB. The integration of secure payment gateways and robust order management further enhances the system’s efficiency and reliability.

Explore the project on GitHub: Foodlicious