Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application for ThriveTime that features a secure login screen and a password recovery functionality. The application will ensure that users can easily access their accounts while maintaining a clean and minimalist design that enhances user experience.

## CORE FEATURES
1. **Login Screen**: A centralized login card with fields for email and password, and a button to submit the login form. It includes a toggle feature to show/hide the password.
   
2. **Forgot Password Screen**: A separate route for users who need to recover their password, featuring an email input and a button to send a recovery link.
   
3. **Authentication Context**: Implementation of an AuthContext to manage the authentication state, ensuring that users are redirected to the login page if they attempt to access protected routes without being logged in.
   
4. **User Feedback**: Success messages for password recovery attempts to inform users about the status of their request.
   
5. **Responsiveness**: The application will be designed to be fully responsive across various device sizes, ensuring accessibility for all users.

## 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 login screen will feature a centralized card layout with the ThriveTime logo at the top, a welcoming title and subtitle, and a full-width button for submission. The forgot password screen will maintain a similar layout for consistency.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for layout and design.
- **UI Components**: shadcn/ui for consistent component styling.
- **State Management**: Use React Context API to manage authentication state.

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and Tailwind CSS.
2. Create an AuthContext to manage user authentication state, initializing `isAuthenticated` to `true` for development purposes.
3. Develop the login screen component with the specified design, including the email and password fields, and the login button.
4. Implement the forgot password screen, including the email input and submission button, along with the success message display logic.
5. Add routing logic to redirect users to the login page if they attempt to access protected routes (e.g., /calendar, /timesheet, /dashboard) when `isAuthenticated` is `false`.
6. Ensure all components are styled according to the design specifications, utilizing Tailwind CSS classes for layout and spacing.
7. Test the application on various devices to ensure responsiveness and usability.

## USER EXPERIENCE
Users will land on the login screen where they can easily input their credentials. After successful login, they will be redirected to the main application. If they forget their password, they can navigate to the forgot password screen, enter their email, and receive confirmation based on whether the email is registered. The application will guide users smoothly through these interactions with clear visual feedback and a cohesive design.