Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to serve as a gym progress tracker, focusing on seamless and luxurious user experiences. It allows users to log their workouts and track their food intake, enhancing their fitness journey through detailed progress visualization and nutritional analysis.

## CORE FEATURES
1. **Workout Logging**: Users can log their workouts by entering details such as exercises, sets, reps, and weights. This feature will include a user-friendly interface for easy entry and modification.
2. **Progress Visualization**: A line graph will display users' workout progress over time, allowing them to visually track improvements in strength and endurance.
3. **Food Tracking**: Users can take pictures of their meals, and the AI will analyze the images to provide feedback on caloric intake and micronutrient values.
4. **Nutritional Summary**: The app will generate a summary of daily nutritional intake, comparing it against recommended values to help users meet their dietary goals.
5. **User Profiles**: Users can create accounts to save their progress and food logs, enabling personalized experiences and tracking over time.
6. **Goal Setting**: Users can set fitness and nutritional goals, with reminders and progress tracking to keep them 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 include a top navigation bar, a hero section with an overview of the app, sections for core features, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user sessions and workout/food logs

## IMPLEMENTATION STEPS
1. **Set up the project**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it for the project.
2. **Design the Layout**:
   - Create the main layout components: Navbar, Hero Section, Features Section, and Footer.
   - Implement the minimalist design principles with ample white space and the specified typography.
3. **Develop Core Features**:
   - Implement the Workout Logging feature with forms for input and state management to store logs.
   - Create the Progress Visualization component using a charting library to render the line graph.
   - Develop the Food Tracking feature with an image upload component and integrate AI for analysis.
   - Build the Nutritional Summary component to display daily intake and comparisons.
4. **User Authentication**:
   - Set up user authentication using a service like Firebase or Auth0 to allow users to create and manage profiles.
5. **Integrate State Management**:
   - Use Redux to manage the state across the application for user data, workout logs, and food tracking.
6. **Testing and Deployment**:
   - Conduct thorough testing for functionality and user experience.
   - Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will start by signing up or logging in to their accounts. The hero section will introduce them to the app's features. They can easily navigate to log workouts or food, view their progress through intuitive graphs, and receive feedback on their nutritional intake. The streamlined design will ensure a seamless experience, encouraging users to engage regularly with their fitness goals.