Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a web application designed to help users manage and track the statuses of their job applications over different time ranges, such as weekly or monthly. The app will feature a minimalist design that enhances user experience while providing intuitive navigation and guidance through small tooltips.

## CORE FEATURES
1. **Application Dashboard**: A central hub where users can view all their job applications, including statuses, dates submitted, and any upcoming deadlines.
2. **Status Tracking**: Users can update and track the status of each application (e.g., applied, interviewing, rejected, hired) with a simple interface.
3. **Time Range Filters**: Users can filter applications based on time ranges (weekly, monthly) to analyze their application trends and follow up accordingly.
4. **Tooltip Guidance**: Interactive tooltips will provide guidance on how to use various features of the application, enhancing user understanding and engagement.
5. **Notification System**: Users can receive reminders for follow-ups and deadlines related to their applications.
6. **User Authentication**: Secure login and user account management to keep track of individual application data.

## 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 feature a vertical sidebar for navigation, a header for the application title, and a main content area for the dashboard and application details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React Context API or Zustand for state management.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Layout**: Implement the main layout with a vertical sidebar, header, and content area using Tailwind CSS for styling.
3. **Build the Dashboard Component**: Develop a dashboard component to display applications, including a table or card format.
4. **Implement Status Tracking**: Create functionality for users to update and manage the status of their applications.
5. **Add Filtering Options**: Implement filtering options to allow users to view applications by different time ranges.
6. **Integrate Tooltip Guidance**: Use a tooltip library to add interactive tooltips that guide users through features and functionalities.
7. **Set Up User Authentication**: Implement a secure authentication system to manage user accounts and data.
8. **Test and Iterate**: Conduct user testing to gather feedback and make necessary adjustments to improve usability.

## USER EXPERIENCE
Users will interact with a clean dashboard that allows them to easily view and manage their job applications. The application will feature smooth transitions and responsive design, ensuring a seamless experience across devices. Tooltips will guide them through the interface, making the app intuitive for users of all tech levels. Notifications will keep users engaged and informed about their job application statuses.