Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application focused on providing a seamless login and signup experience for users interacting with an airline and airport-based service. The application aims to facilitate user account management, ensuring easy access for travelers to their personal information and flight details.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in securely with email and password.
2. **Password Recovery**: Provide users with the ability to reset their passwords via email.
3. **Profile Management**: Enable users to update their personal information and preferences after logging in.
4. **Flight Information Access**: Users can view and manage their flight details once authenticated.
5. **Responsive Design**: Ensure the application is fully responsive and user-friendly across all devices.

## 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 layout will consist of a centered login form with minimal distractions, featuring a signup link below the login fields, and a clean, intuitive interface with ample spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's Context API for managing authentication state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create Authentication Context**: Set up a context provider to manage user authentication state.
4. **Design Login and Signup Components**: Build the login and signup forms using Tailwind CSS for styling, incorporating the specified typography and color scheme.
5. **Implement Authentication Logic**: Add functions to handle login, signup, and password recovery using a mock API or Firebase for testing.
6. **Build Profile Management Component**: Create a user profile management page accessible only to authenticated users.
7. **Test Responsive Design**: Ensure the application is responsive across various screen sizes by testing and adjusting styles as needed.
8. **Deploy the Application**: Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will be greeted by a clean and minimalist login screen that emphasizes ease of use. The login process will involve entering their email and password, with clear indicators for any errors. A link to the signup page will be easily accessible for new users. Once authenticated, users will have access to their profile where they can manage personal details and see their flight information. The responsive design will ensure a smooth experience regardless of device, providing a user-friendly interface that aligns with the overall minimalist aesthetic.