Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Fitness Tracker is a web application designed to help users log their workouts and monitor their progress over time. This interactive platform will feature user accounts for personalized tracking, integrated progress charts, and workout logging capabilities, all within a clean and minimalist interface.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login system allowing users to create and manage their accounts.
2. **Workout Logging**: An intuitive interface for users to log their workouts, including exercises, sets, reps, and durations.
3. **Progress Charts**: Visual representations of user progress over time, showcasing improvements in workouts and fitness levels.
4. **Dashboard Overview**: A personalized dashboard that displays recent workouts, progress statistics, and motivational insights.
5. **Goal Setting**: Users can set fitness goals and track their progress toward achieving them.
6. **Community Sharing**: Option for users to share their achievements and workouts with a community for motivation and support.

## 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 top navigation bar, a hero section for user engagement, followed by the dashboard with workout logs and progress charts, and a footer with community links and goal setting.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as needed for state management across components)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Flow**: Implement user authentication with sign-up and login components, connecting to a backend service for user management.
3. **Design the Dashboard**: Build the dashboard layout where users can view their workout logs and progress charts.
4. **Integrate Workout Logging**: Develop forms for users to log their workouts, ensuring data is stored securely.
5. **Implement Progress Charts**: Utilize a charting library to display user progress visually, pulling data from the database.
6. **Add Goal Setting Features**: Allow users to set and track fitness goals, integrating them into the dashboard.
7. **Community Features**: Create components for sharing workouts and achievements, fostering community engagement.
8. **Responsive Design Testing**: Ensure the application is responsive across devices by testing on various screen sizes.

## USER EXPERIENCE
Users will first encounter a welcoming hero section encouraging them to sign up or log in. Once authenticated, they will be directed to their personalized dashboard, where they can easily log workouts, view progress charts, and set goals. The design prioritizes simplicity and accessibility, ensuring that even novice users can navigate and utilize all features effectively. Community sharing options will encourage interaction and motivation among users, enhancing the overall experience.