My food choices scared me so I coded a solution
Day 1 of Sharing: Introducing Hostalague You know how most of us have those incomplete projects sitting in the local folders of our laptops... well, I have many. I’m now going to start pushing them online - not only to present them to people but also to fix the issues in them and possibly enhance them. ✨ Background: After I moved to the hostel, my eating habits became a little too bad. To monitor my calorie intake and consciously track what I was eating daily, I used the app Caloriegram. It’s a good app—I could log my meals, view stats, etc. That’s how Hostalague started. I decided to build my mini version of Caloriegram and hopefully expand it further. ✨ Tech Stack and Project Details: This project is what I’d call a level 1 full-stack application. It’s built using the MERN stack: ➡️Backend: Express with Node.js (hosted online on Render) ➡️Frontend: React ➡️Database: MongoDB Atlas ➡️Styling: Tailwind CSS (lots more enhancement pending!) A fun feature is the integration of Twilio -I get a message on my phone saying: High-Calorie Alert!if the calorie count crosses a threshold of 800. You can add food logs using a simple form. I’ve used React Datepicker and React Toastify to enhance the user experience. You can also filter logs by date, and since it's a full CRUD app, you can Delete and Update entries too! Check it out (

Day 1 of Sharing: Introducing Hostalague
You know how most of us have those incomplete projects sitting in the local folders of our laptops... well, I have many.
I’m now going to start pushing them online - not only to present them to people but also to fix the issues in them and possibly enhance them.
✨ Background:
After I moved to the hostel, my eating habits became a little too bad.
To monitor my calorie intake and consciously track what I was eating daily, I used the app Caloriegram.
It’s a good app—I could log my meals, view stats, etc.
That’s how Hostalague started.
I decided to build my mini version of Caloriegram and hopefully expand it further.
✨ Tech Stack and Project Details:
This project is what I’d call a level 1 full-stack application.
It’s built using the MERN stack:
➡️Backend: Express with Node.js (hosted online on Render)
➡️Frontend: React
➡️Database: MongoDB Atlas
➡️Styling: Tailwind CSS (lots more enhancement pending!)
A fun feature is the integration of Twilio -I get a message on my phone saying:
High-Calorie Alert!
if the calorie count crosses a threshold of 800.
You can add food logs using a simple form.
I’ve used React Datepicker and React Toastify to enhance the user experience.
You can also filter logs by date, and since it's a full CRUD app, you can Delete and Update entries too!
Check it out (