This flowchart outlines the end-to-end workflow of our hackathon project, detailing each stage, ensuring clarity in logic and execution.
Homepage interface of our hackathon project offering a user-friendly entry point that reflects our core functionality and design principles
Our primary target audience, representing a key stakeholder in our solution’s impact and adoption strategy
Visual overview of our hackathon project, highlighting its feasibility and profitability through structured insights and strategic analysis

Inspiration

Our inspiration came from observing how people often struggle to maintain a healthy lifestyle due to lack of personalized nutrition guidance.

While fitness apps focus mostly on workouts, Smart-Diet focuses on the core foundation of health.

We also noticed that people can’t easily find verified nutritionists or access expert guidance in their daily lives. Smart-Diet bridges this gap by connecting users directly with certified nutrition professionals in just a few clicks.

We wanted to create something simple yet impactful that helps people get AI-generated diet plans, track their food intake, and even consult real nutritionists, all in one place.

Our mission aligns with the United Nations Sustainable Development Goals (SDGs) particularly: SDG 3: Good Health and Well-being.

We aim to make healthy living accessible, data-driven, and personalized for everyone.

What it does

Smart-Diet is an intelligent web-based nutrition and fitness companion that helps users build better eating habits and stay consistent.

It includes:

Personalized Diet Plan Generator (via API): Users input details like age, gender, height, weight, allergies, health issues, and goals (weight loss, muscle gain, etc.), and the system generates a customized diet plan using Spoonacular API.

Fitness Dashboard: Tracks daily calories, protein, fats, fiber. Monitors water intake through a glass tracker. Displays weekly/monthly nutrition analytics.

Recipe Explorer: Curated healthy recipes with nutritional breakdown. Easy-to-follow instructions and images.

Chatbot: Helps users navigate diet queries and app features. Provides quick health and food insights.

Verified Nutritionist Portal: Nutritionists can sign up only by uploading official certification documents for verification. Builds trust and reliability for users seeking expert advice.

How we built it

Tech Stack:

Frontend: HTML, CSS (for clean, responsive design)

Backend: JavaScript

Database: Firebase (for authentication & storing user data)

API Integration: Spoonacular API for meal plan generation

Hosting: Firebase Hosting

Workflow:

-Built responsive UI for all user roles (Doctor, Patient, Regular User).

-Connected Firebase for authentication and user data.

-Integrated Spoonacular API to dynamically generate personalized meal plans.

-Designed dashboards and trackers for nutrition visualization.

-Implemented chatbot and verified nutritionist registration.

Challenges we ran into

-Setting up Firebase Firestore without billing (required region setup and cost constraints).

-Integrating the external Spoonacular API while handling CORS and API key security.

-Designing responsive pages with role-based login systems (Doctor, Patient, User).

-Handling dynamic API responses and mapping them correctly to user-selected preferences.

-Connecting the Nutritionist and Patient pages dynamically (still in progress).

Accomplishments that we're proud of

-Successfully connected API-driven meal generation with user health data.

-Designed an interactive, modern, and intuitive UI using only HTML and CSS.

-Built a fully functional role-based authentication system in Firebase.

-Added a unique nutritionist verification feature to ensure expert credibility.

What we learned

-How to integrate and manage third-party APIs securely and efficiently.

-Practical understanding of Firebase Authentication & Realtime Database.

-Building scalable and modular JavaScript code for frontend-backend interaction.

-Importance of UI/UX in engaging users in health-based apps.

-How small automation and personalization can make a big difference in user motivation.

What’s next for Smart-Diet

-AI-powered chatbot trained on nutritional knowledge to answer personalized queries.

-Advanced analytics dashboard using charts and progress insights.

-Community and reward system to encourage consistency.

-Partnerships with certified nutritionists and healthcare organizations.

-Expand to mobile app (React Native) for accessibility.

-Introduce a payment system where patients can pay verified nutritionists directly through the platform ensuring fair compensation and easy access to expert advice.