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
- 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- Clone the repository:
- Navigate to the project directory:
- Install dependencies for both frontend and backend:
- Set up environment variables:
- Create a .env file in the backend folder and configure the following variables:
- Run the application:
- Start the backend:
- Start the frontend:
git clone https://github.com/aayushai/Hangry.gitcd Hangry# Install backend dependencies
cd backend
npm install
# Install frontend dependencies
cd ../frontend
npm installMONGO_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.
- Explain the frontend, backend and database layers of this application.
- How is user authentication and authorisation implemented?
- Describe the main database tables / collections and their relationships.
- Which REST APIs or routes are exposed and what do they return?
- 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