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 (👉ﾟヮﾟ)👉 Hostalague
✨ Message for You:
Firstly, thank you for checking this article out 🫶
You are more than welcome to try logging a meal and testing out the application!
✨ Future Enhancements:
Right now, I’m the only one who gets the Twilio message -it started as a personal use application. However, I hope to scale it to support multiple users.
Hostalague might not stop at food logging -it could include productivity or other utility-based features.
The UI needs improvement 😅
Would love to hear your thoughts! :)
Dev logs @ Link
Top comments (0)