Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Tá Pago is a comprehensive fitness tracking web application designed to help users check in their physical exercises, supplement intake, and protein consumption. It features gamification elements that promote personal accountability and group challenges, fostering a community-oriented environment for users with similar fitness goals.

## CORE FEATURES
1. **Exercise Check-in**: Users can log their daily exercise routines, track types of workouts, and set personal fitness goals.
2. **Supplement and Protein Tracking**: A dedicated section for users to log their supplement intake and protein consumption, ensuring they meet their nutritional needs.
3. **Progress Graphs**: Visual representations of user progress over time, showing improvements in workouts, supplement intake, and protein consumption.
4. **Personal Gamification**: Users can earn rewards for maintaining streaks in their workout routines, encouraging consistency and commitment.
5. **Group Challenges**: Users can join or create challenges with peers who share similar fitness goals, fostering a sense of community and motivation.
6. **User Profiles**: Customizable user profiles that include fitness goals, progress, and badges earned from challenges and achievements.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a focus on typography to enhance readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and comfort in various lighting conditions.
- **Layout**: The main layout will feature a top navigation bar for easy access to core features, a central dashboard displaying progress graphs, and sections dedicated to exercise and supplement logging. Responsive design elements will ensure a seamless experience across devices.
- **Typography**: Utilize sans-serif fonts (e.g., Inter or Roboto) for body text, with larger, bold headings to establish hierarchy and improve navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development environment.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design adjustments and maintaining visual consistency.
- **UI Components**: shadcn/ui for pre-built, customizable UI components that align with the minimalist design approach.
- **State Management**: Consider using Redux or Context API for managing user data and application state efficiently.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize the React project with TypeScript and set up Tailwind CSS for styling.
2. **Create Core Components**: Develop core components for check-in, graphs, and user profiles using shadcn/ui for consistent design.
3. **Implement State Management**: Set up Redux or Context API to manage user data and application state, focusing on the tracking features.
4. **Design Layout**: Create the main layout structure with responsive design principles, ensuring the app is usable on both mobile and desktop.
5. **Gamification Logic**: Integrate gamification features, including streak tracking and group challenges, ensuring users receive feedback on their progress.
6. **Testing**: Conduct thorough testing to ensure all features work as intended and the application is user-friendly.

## USER EXPERIENCE
Users will interact with the application through a clean dashboard that displays their current progress, upcoming challenges, and a quick access panel for logging exercises and supplements. Notifications will prompt users to check in daily, while visual feedback in the form of progress graphs will motivate them to maintain their fitness routines. The gamification elements will encourage users to engage with the community and stay committed to their personal goals.