Personal marathon analysis web app for recreational to advanced runners.
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for recreational to advanced runners to analyze their marathon performance using data from Strava and Garmin Connect. It allows users to track their training history, evaluate their performance metrics, and receive personalized pacing strategies based on endurance science. The application includes dynamic visualizations to enhance decision-making while training for marathons. ## CORE FEATURES 1. **User Authentication**: Secure login system for users to create accounts and access personalized data. 2. **Automatic Data Synchronization**: Seamless integration with Strava and Garmin Connect APIs to automatically pull in running activities, heart rate, and training metrics. 3. **Training Dashboard**: A comprehensive dashboard displaying users' training history, with filtering options available by week, month, or training block. 4. **Pacing Algorithm**: Advanced pacing strategy generation based on individual data, considering factors such as aerobic efficiency and fatigue drift during long runs. 5. **Performance Visualizations**: Interactive charts including the Marathon Readiness Gauge, Fatigue vs Performance Curve, and Dynamic Pace Strategy Map, all designed to be mobile-friendly and minimalist. 6. **Elite Coaching Metrics Integration**: Features like Aerobic Decoupling, Durability Score, and Marathon Readiness Score are calculated to enhance the personalization of the pacing plan. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will feature a clean, simple aesthetic with ample white space, ensuring focus on content and ease of navigation. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and user comfort. - **Layout**: The main layout will include a top navigation bar for easy access to different sections, a central dashboard area for metrics display, and dedicated sections for visualizations and pacing strategies. - **Typography**: Use modern sans-serif fonts like Montserrat for headings and Open Sans for body text, ensuring a clear hierarchy and readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript to ensure type safety and scalability. - **Styling**: Tailwind CSS for rapid styling and responsive design capabilities. - **UI Components**: Utilize shadcn/ui components for consistent styling and functionality. - **State Management**: Redux or Context API for managing application state across components. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Implement User Authentication**: Create a secure login system using Firebase Authentication or Auth0. 3. **Integrate APIs**: Set up the Strava and Garmin Connect API integrations for data synchronization. 4. **Build Dashboard Layout**: Design the main dashboard to display training history and metrics. 5. **Develop Pacing Algorithm**: Implement the pacing strategy logic based on user data and endurance science principles. 6. **Create Visualizations**: Use charting libraries like Chart.js or D3.js to develop the required performance visualizations. 7. **Test Responsiveness**: Ensure the application is fully responsive and user-friendly on both desktop and mobile devices. 8. **Deploy Application**: Deploy the application using platforms like Vercel or Netlify for easy access. ## USER EXPERIENCE Users will start by creating an account and logging in to access their dashboard. Upon synchronization with Strava and Garmin Connect, they will see their training metrics displayed visually. Users can filter their training history and receive personalized pacing recommendations based on their performance data. The application will provide actionable insights through dynamic visualizations, allowing users to make informed decisions about their training and marathon strategies. The minimalist design will ensure that users can focus on their performance metrics without distractions, enhancing their overall experience.
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!
