Contruir um app de consultoria em corridas de rua.
Generated Prompt
## APPLICATION OVERVIEW This application is a web-based platform designed for street running consultancy, enabling users to manage their training schedules, assessments, and personal progress. The app will facilitate user authentication, provide an administrator dashboard for setting up training programs, and support users in their fitness journeys through tailored training zones and evaluations. ## CORE FEATURES 1. **User Authentication**: Secure email-based login for students to access their personalized training plans and progress tracking. 2. **Admin Dashboard**: A comprehensive panel for administrators to register users, prescribe training sessions, and manage overall user data. 3. **Training Schedule Management**: Functionality for users to view and manage their training sessions, including start and end dates for each program. 4. **Assessment and Anamnese**: Integrated tools for users to complete evaluations and health assessments to tailor their training plans effectively. 5. **Testing Panel**: A feature for conducting tests to determine users' training zones, enhancing their training efficiency and effectiveness. 6. **Progress Tracking**: Visual representations of users' progress over time, including graphs and statistics related to their training performance. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - the design will emphasize clean lines, ample white space, and a straightforward layout to enhance usability and focus on content. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high readability and a pleasant user experience. - **Layout**: A grid-based layout for the dashboard, with a sidebar for navigation and a main content area that displays detailed user information, training schedules, and assessment results. - **Typography**: Use of a sans-serif font for headings (e.g., "Montserrat") and a clean serif font for body text (e.g., "Open Sans") to create a modern and approachable feel. Clear hierarchy with larger font sizes for headings and smaller for body copy to enhance readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust and maintainable code. - **Styling**: Tailwind CSS to create a responsive and mobile-friendly design with utility-first styling. - **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic. - **State Management**: Consider using Context API or Zustand for managing application state efficiently. ## IMPLEMENTATION STEPS 1. **Set up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui). 2. **Create User Authentication**: Implement email authentication using Firebase or Auth0 for secure login and user management. 3. **Develop the Admin Dashboard**: Build the dashboard layout with navigation, user registration forms, and interfaces for prescribing training sessions. 4. **Integrate Training Schedule Management**: Create components for users to view and manage their training schedules, including forms for entering start and end dates. 5. **Design Assessment and Anamnese Forms**: Develop user-friendly forms for health assessments and evaluations. 6. **Implement Testing Panel**: Create a testing interface that allows users to submit data and receive feedback on their training zones. 7. **Build Progress Tracking Dashboard**: Integrate visual elements such as charts and graphs to showcase user progress over time. 8. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure the app is mobile-friendly across various device sizes. ## USER EXPERIENCE Users will experience a straightforward onboarding process through email authentication, leading them to a personalized dashboard where they can access their training schedules and assessments. The app will guide users step-by-step through evaluations and testing, ensuring clarity and engagement. The minimalist design will create an inviting atmosphere, allowing users to focus on their training without distractions. Responsive design principles will ensure functionality across all devices, enhancing accessibility and user satisfaction.## # # ### #
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!
