Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to rate users on their attractiveness, physical body state, and fitness levels, categorizing them into ranks from bronze to hardcore. It will provide personalized recommendations for physical, mental, and emotional improvements to help users enhance their muscle tone, emotional well-being, and overall attractiveness.

## CORE FEATURES
1. **User Profiles**: Allow users to create and customize their profiles, including personal information, body metrics, and fitness goals.
2. **Attractiveness Rating**: An algorithm that evaluates users based on their input data (e.g., weight, muscle state) and assigns a rank from bronze to hardcore.
3. **Personalized Improvement Plans**: Offering tailored advice and strategies for physical and mental improvements, including workout plans, nutritional tips, and mental wellness activities.
4. **Progress Tracking**: A dashboard to monitor users' progress over time, showing improvements in ratings, physical metrics, and adherence to plans.
5. **Community Engagement**: A feature that allows users to connect with others for support, sharing experiences, and achieving goals together.
6. **Gamification Elements**: Incorporating levels, badges, and rewards for completing challenges and achieving fitness milestones.

## 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**: A single-page layout with a hero section at the top, followed by profile creation, features overview, improvement plans, community engagement, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: shadcn/ui for pre-built, customizable UI components.
- **State Management**: Use React's context API or Zustand for managing user data and application state.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a React project with TypeScript and configure Tailwind CSS.
2. **Create User Profile Component**: Build a form for users to enter their personal information and body metrics.
3. **Develop Rating Algorithm**: Implement the logic to evaluate attractiveness and categorize users into ranks.
4. **Design Personalized Plans**: Create a module for generating and displaying personalized improvement plans based on user data.
5. **Build Progress Tracking Dashboard**: Develop a dashboard to visualize user progress and fitness metrics over time.
6. **Implement Community Engagement Features**: Add functionality for users to connect, share experiences, and support each other.
7. **Add Gamification Elements**: Design and implement a system for rewards, badges, and levels to encourage user engagement.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. They will start by creating a profile, which will lead to their attractiveness rating. Based on this rating, users will receive personalized improvement plans displayed on their dashboard. They can track their progress, connect with other users in the community, and engage with gamification elements that motivate them to reach their fitness goals. The minimalist design will ensure ease of use, focusing on clarity and functionality, making it accessible for all users.Users can view other users progress and view the videos the users post, while they are able to leave comments on it or like the video or repost the video alongside following their account.Users can also share videos with their friends.