Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a health tracking web app designed specifically for Hadi Alamin to help manage his weight, nutrition, and overall health. It features a calorie tracker that allows users to log their food intake through chat, monitor their progress towards health goals, and receive reminders for daily tasks and activities. The goal is to provide a user-friendly experience that supports users in achieving a healthier lifestyle.

## CORE FEATURES
1. **Calorie Tracker**: Users can log their daily food intake via a chat interface, which automatically calculates and tracks calorie consumption based on user-defined targets.
2. **Progress Dashboard**: A visual representation of weight gain, calorie intake, and nutritional goals over time, allowing users to see their progress and make adjustments as needed.
3. **Health Reminders**: Notifications to remind users of their daily tasks, such as meal times, exercise, and hydration, ensuring they stay on track with their health goals.
4. **Custom Meal Plans**: Users can create and save personalized meal plans that fit their nutritional needs and preferences, helping them to gradually increase their food intake.
5. **Sleep Tracker**: Allows users to log their sleep patterns and receive insights on improving sleep quality, which is crucial for recovery and appetite.
6. **Consultation Notes**: A section for users to store and review advice and notes from health professionals, ensuring they can follow through on recommendations.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a sidebar for navigation, a central dashboard for displaying user data and progress, and a chat interface for logging food and receiving reminders.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user data and state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Component Structure**: Develop a component hierarchy that includes a Sidebar, Dashboard, Chat Interface, and Health Reminders component.
3. **Implement Routing**: Set up routing to allow users to navigate between different sections of the app.
4. **Develop Calorie Tracker Functionality**: Build the chat interface to log food intake and link it to the calorie calculation logic.
5. **Create Progress Dashboard**: Implement charts and graphs to visualize user progress based on logged data.
6. **Implement Notifications**: Use browser notifications or a dedicated notifications panel to remind users of tasks and goals.
7. **Integrate State Management**: Set up Redux or Context API to manage global state, especially for user data and preferences.
8. **Testing and Debugging**: Conduct thorough testing to ensure all features work as expected and fix any bugs.

## USER EXPERIENCE
Users will interact with the app by logging their food intake through a chat interface, which will provide instant feedback on calorie consumption. The main dashboard will display their current weight, calorie goals, and progress over time. Users will receive timely reminders about meals and activities, helping them to stay accountable. The minimalist design will ensure that users can navigate the app easily, with a focus on the essential features that support their health journey.