Diet-Diary

A comprehensive web application designed to empower your health journey. Easily log your meals, analyze your nutrition data, and assess your BMI to stay on top of your diet.

Comment

Inspiration

The idea for Diet Diary came from the growing need for accessible tools that help people live healthier lives. Tracking meals, monitoring BMI, and getting reliable dietary advice is often scattered across multiple apps. I wanted to bring all of these essential features into one simple, user-friendly platform.

What it does

Diet Diary is a full-stack web app that helps users stay on top of their health goals. With it, users can:

🔐 Securely authenticate with login/signup

🧠 Access a personalized dashboard with meal logs & progress

🍽️ Explore foods with nutritional details

⚖️ Calculate BMI instantly

🤖 Chat with a nutrition assistant powered by AI

👤 Manage their profile & goals

🛠️ Admin dashboard for managing users & entries

How we built it

Frontend: HTML, CSS, JavaScript

Backend: Node.js

Database: mysql

Deployment: Render

Challenges we ran into

Implementing secure authentication and session handling

Ensuring a smooth user experience across different devices

Handling nutritional data efficiently for the food explorer

Designing the chatbot to give meaningful dietary advice

Accomplishments that we're proud of

Building a complete full-stack application from scratch

Creating a personalized dashboard that feels intuitive

Adding an AI-powered nutrition chatbot

Successfully deploying the project live on Render

What we learned

Frontend design & responsiveness techniques

Backend integration and handling user data securely

The importance of usability & accessibility in health tech tools

Deploying and maintaining a full-stack app in production

What's next for Diet-Diary

Expanding the food database with more entries

Adding features for meal planning & goal tracking

Integrating cloud databases for scalability

Enhancing the chatbot with smarter AI responses

Share this project:

Updates