O app instalado como PWA ainda apresenta alucinações de movimento parado.
Generated Prompt
## APPLICATION OVERVIEW This web application is designed to optimize GPS tracking for users involved in outdoor activities. By implementing ultra-restrictive sensor fusion logic, the app ensures accurate distance measurements while minimizing errors caused by stationary or slow movements. The focus is on delivering a seamless user experience through real-time feedback and efficient data processing. ## CORE FEATURES 1. **Cadence Lock Timer**: Implements a 5-second validation timer, preventing GPS distance calculation unless continuous impacts are detected by the accelerometer. 2. **HDOP Precision Filter**: Ignores GPS readings with an accuracy error greater than 10 meters, ensuring reliable location data by filtering out unreliable signals. 3. **Speed Cutoff**: Disregards movements below 2.5 km/h to eliminate GPS drift and improve tracking accuracy in low-movement scenarios. 4. **Inertia Reset**: Clears the GPS position buffer if the accelerometer detects a stable gravitational reading for over 2 seconds, preventing false distance compensation. 5. **Visual Lock Feedback**: Displays a visual indicator on the metrics panel that shows "Waiting for real movement" until the 5-second cadence requirement is met. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a minimal color palette that focuses on legibility and clarity. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and user comfort. - **Layout**: A single-column layout featuring a prominent hero section at the top, followed by core features, user feedback metrics, and a call to action (CTA) at the bottom. - **Typography**: Use modern sans-serif fonts like Inter or Roboto for body text, with larger font sizes for headers to establish a clear hierarchy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and component-based architecture. - **Styling**: Tailwind CSS for utility-first styling and responsive design. - **UI Components**: Utilize shadcn/ui for ready-to-use UI components that align with the minimalist design. - **State Management**: Implement React Context or Zustand for effective 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 Core Components**: Develop the main components including the hero section, features display, metrics panel, and CTA section. 3. **Implement Sensor Logic**: Code the logic for cadence lock timer, HDOP filtering, speed cutoff, and inertia reset within the app's main functionality. 4. **Design Integration**: Apply Tailwind CSS for styling, ensuring that the design specifications are adhered to across all components. 5. **Testing**: Conduct thorough testing for GPS accuracy and responsiveness, as well as user interface functionality. 6. **Deploy the Application**: Host the application on a platform such as Vercel or Netlify for public access. ## USER EXPERIENCE Users will experience a straightforward interface that focuses on essential metrics for their activities. Upon launching the app, they will see a clear indication of their current tracking status, including any visual feedback if the system is waiting for valid movement. The app’s intuitive design ensures that users can easily access and comprehend their performance metrics, fostering a seamless and enjoyable tracking 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!
