Delicia is a production-oriented full-stack food ordering web application built using the MERN stack. The project demonstrates strong fundamentals in frontend engineering, backend API design, database modeling, and real-world application structuring, making it well-suited for resume shortlisting, internships, and placements.
- End-to-end food ordering system with user-facing app and admin dashboard
- Clean separation of frontend, backend, and admin panel
- Scalable REST API architecture
- Localization-ready pricing system (₹ INR support)
📌 Screenshots are stored in the
screenshots/directory at the root level.
- Browse food items with category-based listing
- Add/remove items from cart
- Dynamic cart total calculation
- Localized currency formatting (₹ INR)
- Responsive UI for multiple screen sizes
- Integrated Delicia Assistant chatbot for user support
- Handles common queries like menu, pricing, ordering steps, and recommendations
- Quick-action buttons for faster user interaction
- Always-available floating chat widget enhancing UX
- Email subscription feature for offers and updates
- User-friendly subscribe input in footer section
- Foundation ready for newsletter / marketing automation integration
- Full-text search across food names and descriptions (backend regex + client-side)
- Category filters, price range filters, and quick-filter chips (Veg Only, Under ₹200, Bestsellers)
- Sort by price, name, or popularity
- Server-side pagination with numbered page controls for scalable food listing
- Reusable Pagination component with animated page transitions
- Secure admin dashboard
- Add, update, and delete food items
- Image upload for products
- Centralized menu management
- Search, filter, and paginated food item listing
- Frontend & Admin: Vercel-ready with client-side routing (
vercel.json) and environment variables - Backend: Render/Heroku-ready with CORS configuration and dynamic port binding
- Database: MongoDB Atlas cloud integration
- Modular React component architecture
- RESTful API design using Express with query-param-driven search, filter & pagination
- MongoDB schema modeling with Mongoose (text indexes for search performance)
- Separation of concerns across services
- Ready for deployment and scaling
Frontend
- React.js
- JavaScript (ES6+)
- CSS / Tailwind CSS
- Axios
Backend
- Node.js
- Express.js
- MongoDB
- Mongoose
Tools & Practices
- Git & GitHub (version control)
- VS Code
- Postman (API testing)
Delicia/
├── frontend/ # User-facing React application
├── admin/ # Admin dashboard
├── backend/ # Node.js + Express REST API
├── screenshots/ # UI screenshots
└── README.md
git clone https://github.com/Vikaumar/Delicia.git
cd Deliciacd backend
npm install
npm run devCreate a .env file inside backend/:
MONGO_URI=your_mongodb_connection_string
PORT=5000cd frontend
npm install
npm startcd admin
npm install
npm start- Prices are handled in Indian Rupees (₹ INR)
- Implemented using
Intl.NumberFormat("en-IN")for accurate formatting - Architecture supports future multi-currency extension
- Built a complete MERN-stack application from scratch
- Designed REST APIs and database schemas
- Implemented admin-level CRUD operations
- Applied clean code principles and modular design
- Gained experience with real-world project structuring
- Add more robust testing (Jest / Cypress)
- CI/CD pipelines (GitHub Actions)
This project is licensed under the MIT License.
Vikas Kumar 🎓 B.Tech CSE, IIIT Kota (3rd Year) 💼 Aspiring Full‑Stack Engineer 🔗 GitHub: https://github.com/Vikaumar
⭐ This project is actively maintained and open to contributions.