MealMap-AI

A fullstack health dashboard that recommends personalized diet and workout plans based on custom inputs.

Project Structure

Mealmap
├── backend/
│   ├── app.py
│   ├── requirements.txt
│   └── templates/
│       └── index.html   #use to test the apis
│
└── frontend/
    └── health-dashboard/
        ├── index.html
        ├── package.json
        ├── tailwind.config.js
        ├── vite.config.js
        ├── src/
        │   ├── App.jsx
        │   ├── main.jsx
        │   ├── index.css
        │   ├── App.css
        │   ├── assets/
        │   │   └── icons/
        │   ├── components/
        │   │   └── form/
        │   ├── hooks/
        │   │   └── useTheme.js
        │   └── pages/
        ├── public/
        ├── eslint.config.js
        ├── postcss.config.js
        ├── package-lock.json

Dark Mode

Light Mode

Getting Started

Backend

1. Navigate to the backend directory:

   cd backend

2. Create and activate a virtual environment:

   python -m venv myvenv
   myvenv\Scripts\activate   # On Windows
   source myvenv/bin/activate  # On macOS/Linux

3. Install dependencies:

   pip install -r requirements.txt

   If unable to install

   pip install flask flask-cors dotenv google_generativeai

   ---

   Update the Model and API KEY Latest

   ---

4. Run the Flask server:

   python app.py

---

Ensure that app.py opens at http://127.0.0.1:5000/, if different, change the endpoint in reactapp

---

Frontend

1. Navigate to the frontend app:

   cd frontend/health-dashboard

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open in browser:

   http://localhost:5173
   

Features

• Personalized diet and workout recommendation form with Google-Generative AI.
• Smart Form Handling: Built with React Hook Form
• Modern UI: Clean, responsive dashboard built using Tailwind CSS.
• Dark Mode Support: Toggle between light and dark themes for better accessibility.
• Seamless integration between frontend and backend.
• Modular components and clean folder structure

License

MIT Licence

Connect

• Author: @Yash-Bandal

A YB Productions original. 💝