Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help users calculate the door-to-door travel time to their nearest MBTA subway station and provide timely reminders to ensure they arrive at the platform without excessive waiting. The app aims to streamline the commuting experience by integrating real-time transit data and user location.

## CORE FEATURES
1. **Location-Based Search**: Users can input their address or allow the app to access their location to find the nearest subway station.
2. **Travel Time Calculation**: The app calculates the estimated travel time from the user’s location to the subway station, considering real-time traffic and transit schedules.
3. **Reminder Notifications**: Users can set preferences for reminder notifications, alerting them when to leave based on the calculated travel time and subway schedule.
4. **Real-Time Subway Updates**: Integrates with the MBTA API to provide live updates on subway times, delays, and service changes.
5. **User Profile Management**: Users can create an account to save their favorite stations and customize their notification settings.
6. **Feedback Mechanism**: Users can report issues or provide feedback on their travel experience to help improve the service.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette, and a strong emphasis on typography to enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and comfort while reading.
- **Layout**: A single-page layout with a clear hero section, followed by the feature highlight area, user input forms for location and preferences, and a results section displaying travel time and subway updates. The footer will include contact information and social media links.
- **Typography**: Use modern sans-serif fonts like 'Roboto' for body text and 'Montserrat' for headings, ensuring a clean and approachable feel. Maintain a clear hierarchy with larger font sizes for headings and adequate spacing between elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a scalable and maintainable codebase.
- **Styling**: Tailwind CSS to enable rapid design implementation and responsive layouts.
- **UI Components**: Use shadcn/ui library for ready-to-use components that align with the minimalist design.
- **State Management**: Utilize React Context API or Zustand for managing user preferences and application state.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, etc.).
2. **Create Core Components**: Develop the main components including Header, Hero, TravelTimeCalculator, and NotificationSettings.
3. **Integrate MBTA API**: Set up API calls to fetch subway schedules and travel times based on user location.
4. **Implement User Authentication**: Use Firebase or Auth0 for user account management and secure preferences storage.
5. **Set Up Notification System**: Implement a reminder system using browser notifications or push notifications to alert users.
6. **Design and Style**: Apply Tailwind CSS styles to all components to match the minimalist aesthetic and ensure responsiveness across devices.
7. **Testing and Debugging**: Conduct thorough testing to ensure all functionalities work seamlessly; fix any identified issues.
8. **Deployment**: Prepare the application for deployment on a platform like Vercel or Netlify, ensuring continuous integration and deployment (CI/CD) practices are in place.

## USER EXPERIENCE
Users will begin by entering their address or allowing location access. The app will then calculate the travel time to the nearest subway station and display it prominently. Users can set their reminder preferences through a simple form, and the app will provide real-time updates about their subway line. Notifications will be sent based on their preferences, ensuring they never miss their train. The interface will be intuitive, with clear buttons and prompts to guide users through each step of the process.