Foodlicious

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

GitHub Link

GitHub Link

GitHub Link

CREATED AT

Northeastern
University

PROJECT DURATION

4 Weeks

INDUSTRY

Food & Beverage

ROLE

UI Developer

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

APPROACH

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.