Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Journable is a mobile web application designed to help users achieve their weight goals through an interactive AI-powered calorie and exercise tracker. The application simplifies the process of monitoring diet and physical activity by employing a chat interface that allows users to log their meals and workouts seamlessly.

## CORE FEATURES
- **AI Chat Interface**: Users can track calories and macros by simply chatting with the AI, making it intuitive and engaging.
- **Photo Tracking**: Users can take photos of their meals, and the AI will instantly estimate portion sizes, calories, and macro nutrients.
- **Comprehensive Nutrition Monitoring**: In addition to calories and macros, the app tracks micronutrients such as fiber, sugars, and vitamins.
- **Intelligent Insights**: The AI provides nutritional insights based on the user’s logged data, enhancing their understanding of their dietary habits.
- **Customizable Reminders**: Users can set personal reminders to log their meals or workouts, ensuring they stay on track.
- **Weekly Progress Reports**: Users can track their weight, calories, and macro intake weekly, making it easy to share their progress with trainers or friends.

## 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 consist of a straightforward navigation structure, with a prominent hero section, features highlighted in grid format, and a clear call-to-action button for downloading the app.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and consistent styling.
- **UI Components**: shadcn/ui for ready-to-use components.
- **State Management**: Redux Toolkit for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set up the React Application**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Build components for the hero section, features, and call-to-action using Tailwind for styling.
4. **Implement AI Chat Interface**: Develop the chat interface component using state management to handle user input and AI responses.
5. **Set Up Photo Tracking**: Integrate a camera input component to allow users to take and upload meal photos.
6. **Build Nutrition Monitoring Features**: Create forms and components to log and display nutrient information.
7. **Implement Reminders and Reports**: Develop the features for setting reminders and generating weekly reports.
8. **Test and Optimize**: Conduct thorough testing for functionality and user experience, ensuring responsiveness across devices.

## USER EXPERIENCE
Users will engage with Journable through a conversational AI interface, where they can easily log meals and workouts by typing or taking photos. The app will provide instant feedback on their nutritional intake and guide them with personalized insights. Users will appreciate the simplicity of setting reminders and tracking their progress, fostering a consistent health and fitness journey.

This comprehensive prompt outlines the development of the Journable application, ensuring it meets the user’s vision while adhering to best practices in design and functionality.