Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The StepTrack PWA is a web application designed to provide accurate step tracking and distance measurement through advanced sensor fusion and geolocation techniques. The application aims to eliminate false steps and ensure real mileage is recorded, catering to users seeking precise activity tracking.

## CORE FEATURES
1. **Input Filtering Layer**: Utilizes GPS raw data filtering to ignore inaccurate position data based on specified accuracy thresholds and speed gates to prevent counting steps during non-human movement.
  
2. **Physical Validation Layer**: Integrates accelerometer data to confirm human movement, leveraging DeviceMotionEvent to ensure only valid walking movements are counted.

3. **Minimum Displacement Algorithm**: Implements a distance threshold to avoid accumulating minor errors, updating position only when the new point exceeds five meters from the last valid point.

4. **Google Roads API Refinement**: Adjusts the GPS trajectory to match real road geometries by sending collected coordinates to the Google Maps API for accurate path rendering.

5. **Background Process Persistence**: Ensures continuous tracking by using the Screen Wake Lock API and configuring background geolocation settings with a service worker for high accuracy.

6. **Biometric Customization**: Allows users to input their height to dynamically calculate their stride length, providing personalized step counts based on individual metrics.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, emphasizing functionality and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and user comfort.
- **Layout**: 
  - A single-column layout focusing on vertical flow, with sections for features, user testimonials, and a call-to-action.
  - A sticky navigation bar for easy access to different sections of the app.
- **Typography**: 
  - Use a sans-serif font for headings (e.g., Montserrat) with a bold weight for emphasis.
  - Body text should be a legible sans-serif font (e.g., Open Sans), maintaining a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for efficient utility-first styling.
- **UI Components**: Utilize shadcn/ui for modern and accessible user interface components.
- **State Management**: Redux or Context API for managing application state if necessary.

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and Tailwind CSS for styling.
2. **Create core components** for the user interface, including the navigation bar, feature sections, and footer.
3. **Implement GPS and Accelerometer logic** to filter and validate movement data according to the outlined specifications.
4. **Integrate Google Roads API** for path precision, ensuring that the application can send and receive data correctly.
5. **Set up Background Geolocation** and implement the Screen Wake Lock API to maintain tracking during background operations.
6. **Develop Biometric Customization** features, allowing users to input their height and calculate their stride length dynamically.
7. **Conduct thorough testing** to ensure accuracy and responsiveness across different devices.

## USER EXPERIENCE
The application will provide an intuitive user interface where users can easily navigate through features, input their biometrics, and view their step data. Key interactions include:
- Entering personal height for stride length calculation.
- Visual representation of walking routes adjusted by the Google Roads API.
- Real-time updates of step counts and distance traveled based on validated movement data.
- Access to settings for customizing tracking preferences and viewing historical data. 

This approach focuses on delivering a user-friendly and efficient experience, ensuring users can trust the accuracy of their activity tracking while engaging with a visually appealing interface.