Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a fitness web application designed to provide users with personalized suggestions for healthy foods. It features a user-friendly dashboard that allows users to track their nutrition, view meal suggestions, and manage their fitness goals. The application will emphasize simplicity and ease of maintenance while delivering an engaging experience through a clean interface.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and securely log in to access personalized features.
2. **Dashboard**: A central hub where users can view their nutrition stats, meal suggestions, and fitness progress at a glance.
3. **Meal Suggestions**: Provide tailored recommendations for healthy foods based on user preferences and dietary restrictions.
4. **Progress Tracking**: Enable users to log their meals and workouts, helping them to stay on track with their fitness goals.
5. **User Profiles**: Allow users to manage personal information, dietary preferences, and fitness objectives.
6. **Notifications**: Send reminders and tips related to nutrition and exercise to keep users engaged and motivated.

## 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 top header for branding, and a central content area for the dashboard and meal suggestions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary libraries for state management.
3. **Create User Authentication System**: Implement user registration and login functionality using a suitable authentication method (e.g., JWT).
4. **Design Dashboard Layout**: Build the main dashboard layout with a sidebar, header, and content area using Tailwind CSS.
5. **Develop Core Features**:
   - Implement the meal suggestions feature, integrating an API or database for data retrieval.
   - Set up user profiles to manage personal settings and preferences.
   - Add tracking capabilities for meals and workouts.
6. **Notifications System**: Create a system to send notifications to users regarding their progress and suggestions.
7. **Testing**: Conduct thorough testing for usability and functionality across devices.
8. **Deployment**: Deploy the application on a cloud service (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
Key user interactions will include smooth navigation through the dashboard, easy access to meal suggestions, and an intuitive interface for logging meals and workouts. Users will benefit from personalized notifications that encourage healthy habits and provide guidance based on their fitness goals. The minimalist design ensures that users are not overwhelmed with information, making their fitness journey more enjoyable and manageable.