Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a ride-hailing platform similar to Uber, designed to connect passengers with drivers efficiently. The app focuses on providing a seamless user experience with features that facilitate easy ride booking, tracking, and payment processing while maintaining a minimalist and clean design aesthetic.

## CORE FEATURES
1. **User Authentication**: Allow users to create an account, log in, and manage their profiles securely.
2. **Ride Booking**: Enable users to request a ride by selecting pickup and drop-off locations on an interactive map.
3. **Driver Tracking**: Provide real-time tracking of the assigned driver’s location and estimated time of arrival.
4. **Payment Integration**: Facilitate secure payment options through credit cards or digital wallets for completed rides.
5. **Ride History**: Allow users to view their past rides, including details such as date, time, and fare.
6. **Rating and Feedback**: Enable users to rate their ride experience and provide feedback on the driver.

## 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 structure will consist of a header with navigation links, a main content area for ride booking and driver information, and a footer with contact information and links to privacy policies.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user authentication and ride data.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Authentication Flows**: Implement user registration and login functionality using Firebase or a similar service.
3. **Design the User Interface**: Use Tailwind CSS to create a responsive layout with the specified design guidelines. Ensure the main layout includes a header, main content area, and footer.
4. **Implement Ride Booking Feature**: Integrate Google Maps API for location selection and display real-time driver tracking.
5. **Set Up Payment Processing**: Integrate a payment gateway such as Stripe for handling transactions securely.
6. **Build Ride History and Feedback**: Create a component to display ride history and allow users to leave ratings and feedback.

## USER EXPERIENCE
Users will have a straightforward journey when using the app. Upon landing, they will see a clean interface prompting them to log in or register. After authentication, users can easily book a ride by entering their pickup and drop-off locations. They will be able to track their driver's location in real time and make payments seamlessly. Post-ride, users can rate their experience and view their ride history, ensuring continuous engagement with the app. The design will emphasize usability with intuitive navigation and clear call-to-action elements.