Workout tracker app that uses AI to make suggestions based on your life performance, diet, height and weight
Generated Prompt
```xml
<instructions>
You are a senior frontend developer tasked with building a comprehensive workout tracker application that leverages AI to make personalized suggestions based on users' life performance, diet, height, and weight. The application should provide an intuitive user interface that allows users to track their workouts, receive AI-generated recommendations, and monitor their fitness progress.
</instructions>
<context>
The application is a web-based workout tracker designed for fitness enthusiasts looking to optimize their workouts through AI-driven insights. The target users are individuals who are health-conscious and interested in utilizing technology to enhance their fitness routines.
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
</context>
<requirements>
The application must include the following features:
1. User Authentication: Sign up and login functionality for users.
2. Profile Management: Users can input their height, weight, diet preferences, and fitness goals.
3. Workout Tracking: Users can log workouts and track their performance.
4. AI Suggestions: The application provides personalized workout suggestions based on user data and performance metrics.
5. Dashboard: A user-friendly dashboard to visualize progress and suggestions.
6. Responsive Design: The application must be fully responsive and work on mobile and desktop devices.
Tech Stack: The application should be built using React for the frontend, Node.js for the backend, and MongoDB for database management.
Constraints:
- Follow the specified design guidelines strictly.
- Ensure accessibility standards are met.
- Implement security best practices for user data.
</requirements>
<output_format>
The expected output should be a structured codebase with the following organization:
- src/
- components/
- Auth/
- Dashboard/
- WorkoutTracker/
- AIRecommendations/
- pages/
- Home.js
- Login.js
- Signup.js
- App.js
- index.js
- public/
- index.html
- package.json
</output_format>
```Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
