๐ Built my first production-level MERN stack application! ๐
Super excited to share that Iโve successfully built and deployed DYPCOEI-Canteen Flow ๐ฝ๏ธ โ a full-stack web application designed to solve real-world college canteen problems.
This is the first time Iโve written backend code that follows production-level practices ๐ง ๐ป,
and the journey taught me much more than just making things work on localhost.
๐ง Tech Stack ๐ ๏ธ
Frontend: React (Vite) โ๏ธ + Tailwind CSS ๐จ
Backend: Node.js + Express.js ๐
Database: MongoDB Atlas ๐
Authentication: JWT-based auth ๐
Deployment:
Backend โ Render โ๏ธ
Frontend โ Vercel ๐
โ๏ธ Why this project is advanced (for my level) ๐ก
Modular backend architecture (routes, models, middleware) ๐งฉ
Role-based access control (Admin & User panels) ๐จโ๐ผ๐ฉโ๐
End-to-end order lifecycle management ๐
Live token generation & display system for canteen screens ๐๏ธ๐บ
Admin dashboard with:
Order status updates โ
PDF export of order history with total revenue ๐๐ฐ
Controlled deletion of completed orders ๐๏ธ
Environment variables & CORS handling โ๏ธ
Production SPA routing fixes (Vercel + Vite) ๐ง
Fully deployed and tested online ๐
This project helped me understand how real-world MERN applications are structured, deployed, and debugged โ not just built for demos ๐
๐ Demo Credentials (for reviewers) ๐งช
Admin ๐จโ๐ผ
Email: admin2@canteen.com
Password: admin123
Student/User ๐ฉโ๐
Email: student1@gmail.com
Password: 1234
๐ Live Project Links ๐
Main App:
MAIN APP
Token Board:
TOKEN BOARD
Building this project gave me confidence that I can now design, implement, and deploy backend-heavy applications ๐๏ธ๐ฅ โ not just follow tutorials.
Still learning ๐. Still building ๐งโ๐ป.
Open to feedback and suggestions ๐