Order Your Cravings Now
Snackk is a fast food delivery web app designed to satisfy taste buds and streamline food ordering, all in one slick package. From burgers to cakes, we've built an experience that’s quick, intuitive, and oh-so-satisfying—just like your favorite midnight snack.
Deployed at:
🍔 Customer App
🧑💼 Admin Panel
This application is hosted on Render's free-tier service. As a result, the backend server may enter a sleep state after 15 minutes of inactivity. If the app appears unresponsive, please allow 2–5 minutes and try refreshing the page. The server should wake up and resume normal functionality shortly. Thank you for your patience! 🙏
- React + Vite for blazing-fast UI
- React Router for seamless navigation
- Fuse.js for fuzzy search functionality
- Axios for API interaction
- React-Toastify for user notifications
- StoreContext for state management
- ESLint for code quality
- React Router for seamless navigation
- React Router for seamless navigation
- Axios for API interaction
- React-Toastify for user notifications
- Real-time order management and menu control
- Built with similar stack as frontend for consistency
- Node.js, Express.js, and MongoDB (Mongoose)
- JWT for secure authentication
- Bcrypt for password hashing
- Stripe for payment integration
- Multer for file uploads (images)
- Validator, dotenv, CORS
- Followed MVC architecture for clean separation of concerns
- Routes structured modularly for scalability
- 🔍 Intuitive fuzzy search across menu items
- 🛒 Add to cart, checkout, and real-time order tracking
- 💳 Secure online payments via Stripe
- 🧾 Admin dashboard for managing categories, food items, and customer orders
- 📦 Image upload support for menu items
- 📱 Responsive UI for mobile and desktop users
All components are deployed using Render for a smooth CI/CD pipeline and robust cloud hosting.
Snackk reflects real-world full-stack development practices:
- Applied MERN stack end-to-end
- Used .env configs and cross-environment support
- Modular routes, middleware, and services
- Focused on performance, security, and maintainability
This project demonstrates hands-on experience with core backend fundamentals, frontend UX polish, and full-cycle deployment—making it an ideal showcase for MERN development expertise.
- ✅ ESLint integration for consistent code quality
- ✅ Custom StoreContext for lightweight and scalable global state
- ✅ CORS configured securely for production
- ✅ Built with career-readiness and real users in mind