Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
J-RUN is an interactive web application designed to serve as a Bluetooth-enabled AI running coach. It integrates real-time data from external hardware to provide a personalized and engaging running experience. The app focuses on user feedback, coaching, and gamification to enhance the running journey.

## CORE FEATURES
1. **Bluetooth Data Reception**: Utilize `react-native-ble-plx` or Web Bluetooth API to scan and connect to external hardware, retrieving real-time heart rate and distance data.
2. **Hybrid Distance Measurement**: Prioritize Bluetooth data when available; otherwise, calculate distance using smartphone GPS and the Haversine formula.
3. **Real-Time Running Cockpit UI**: Display a central map with real-time path tracking, large start/stop buttons, and live metrics including total distance, current pace, and running time.
4. **Ghost Battle**: Compare current performance with the previous day's stats, visualized through a progress bar for motivational feedback.
5. **AI Coaching System**: Allow users to select a voice coach and receive audio feedback during runs, with post-run performance analysis provided in chat format.
6. **Visual Effects**: Implement neon animations and haptic feedback during key moments, such as when overtaking past performance benchmarks.

## 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.
- **Layout**: The main layout will consist of a top navigation bar, a central map area for the running cockpit, and a bottom control area for the start/stop buttons and live metrics.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Core Components**: Develop reusable UI components such as buttons, cards, and input fields with the specified border radius.
3. **Implement Bluetooth Functionality**: Integrate Bluetooth data reception using React hooks to manage state and lifecycle.
4. **Build Real-Time UI**: Design the running cockpit UI including the map, buttons, and metrics display, ensuring responsiveness and user-friendly navigation.
5. **Develop AI Coaching Features**: Use ElevenLabs API to implement voice feedback and chat reports.
6. **Add Visual Effects**: Create animations for ghost battles and overtaking moments, ensuring the neon aesthetic is maintained throughout the app.

## USER EXPERIENCE
Users will engage with J-RUN through an intuitive interface that allows them to start, pause, and stop their runs easily. The real-time metrics will provide instant feedback, while the ghost battle feature adds a competitive element. Post-run analysis will enhance their experience, giving users actionable insights into their performance. The coaching system will guide users through their runs, making them feel supported and motivated.