Hangry

Full Stack Food Delivery Website In React JS, MongoDB, Express, Node JS & Stripe

Full Stack Web DevelopmentJavaScriptMIT

Abstract

Hangry is an open-source Full Stack Web Development project. Full Stack Food Delivery Website In React JS, MongoDB, Express, Node JS & Stripe. Hangry is a full-stack web application built using the MERN (MongoDB, Express.js, React, Node.js) stack. It aims to provide users with a smooth and interactive experience to explore and order food when they're feeling "hangry" (hungry + angry). It is built using JavaScript, Express, MongoDB, Node.js, React. Key capabilities include: User authentication and authorization (JWT-based); Explore a variety of food items from different categories; Add items to cart and manage orders. The complete source code is publicly available on GitHub under the MIT License, making it a useful reference for students building a Full Stack Web Development mini project or final-year project.

1. Introduction

Hangry is a full-stack web application built using the MERN (MongoDB, Express.js, React, Node.js) stack. It aims to provide users with a smooth and interactive experience to explore and order food when they're feeling "hangry" (hungry + angry).

2. Objective

Full Stack Food Delivery Website In React JS, MongoDB, Express, Node JS & Stripe

This project demonstrates how JavaScript, Express, MongoDB can be applied to a real-world Full Stack Web Development problem.

3. Key Features / Modules

  • User authentication and authorization (JWT-based).
  • Explore a variety of food items from different categories.
  • Add items to cart and manage orders.
  • Interactive UI with real-time updates.
  • Fully responsive design.
  • Backend RESTful API for handling data.

4. Technology Stack

JavaScriptExpressMongoDBNode.jsReact
  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JWT (JSON Web Tokens)
  • UI Library: Material-UI / Bootstrap (mention if any)

5. System Requirements

General requirements for this technology stack — check the README for exact versions.

  • Node.js (LTS) and npm
  • A modern web browser
  • VS Code or any code editor
  • Git (to clone the repository)

6. Installation & Setup

git clone https://github.com/aayushai/Hangry.git
cd Hangry
  1. Clone the repository:
  2. Navigate to the project directory:
  3. Install dependencies for both frontend and backend:
  4. Set up environment variables:
  5. Create a .env file in the backend folder and configure the following variables:
  6. Run the application:
  7. Start the backend:
  8. Start the frontend:
git clone https://github.com/aayushai/Hangry.git
cd Hangry
# Install backend dependencies
    cd backend
    npm install

    # Install frontend dependencies
    cd ../frontend
    npm install
MONGO_URI=<your-mongo-db-uri>
      JWT_SECRET=<your-jwt-secret>

Full setup instructions are in the project README.

7. Future Enhancements

Suggested extensions you can add to make this your own project.

  • Add role-based access control
  • Deploy on a VPS or cPanel hosting with a custom domain
  • Add automated tests and a CI pipeline

8. Viva / Review Questions

Common questions examiners ask for projects in this domain.

  1. Explain the frontend, backend and database layers of this application.
  2. How is user authentication and authorisation implemented?
  3. Describe the main database tables / collections and their relationships.
  4. Which REST APIs or routes are exposed and what do they return?
  5. How would you deploy this application to production?

9. Source Code & License

This project is developed by aayushai and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.

Want to build this as your internship project?

Work on a Full Stack Web Development project like this with mentor guidance, weekly reviews and an internship certificate from Training Trains, Erode — online or offline.

Apply for Full Stack Web Development Internship