A full-stack food delivery application built using modern web and mobile technologies. This project allows users to browse food items, manage carts, and place orders through a responsive and mobile-friendly interface powered by Ionic.
This application simulates a real-world food delivery platform with a focus on performance, usability, and cross-platform compatibility. The integration of Ionic ensures a smooth mobile app-like experience.
- 🛒 Add and remove items from cart
- 📦 Place orders
- 📱 Mobile-friendly UI using Ionic
- ⚡ Fast and dynamic frontend with React
- 🔄 Seamless frontend-backend integration
Frontend:
- React.js
- Ionic Framework
- HTML5, CSS3, JavaScript
Backend:
- Node.js
- Express.js
Database:
- MongoDB
Food_Delivery/
│── frontend/ # React + Ionic frontend
│── backend/ # Node.js backend
│── models/ # Database schemas
│── routes/ # API routes
│── controllers/ # Business logic
│── package.json
git clone https://github.com/Prabhakarsinghrx/Food_Delivery.git
cd Food_DeliveryBackend:
cd backend
npm installFrontend:
cd frontend
npm installCreate a .env file in the backend folder:
MONGO_URI=your_mongodb_connection_string
PORT=5000
Start backend:
npm startStart frontend (Ionic):
ionic serve- Open:
http://localhost:8100(Ionic default) - Browse food items
- Add items to cart
- Place orders
The use of Ionic enables:
- Cross-platform compatibility (web + mobile)
- Native-like UI experience
- Faster development of responsive interfaces
- Payment gateway integration
- Push notifications
- Order tracking system
- Admin dashboard
Feel free to fork the repository and submit pull requests.
Prabhakar Singh GitHub: https://github.com/Prabhakarsinghrx