Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fobux is a minimalist web application designed to provide users with a streamlined experience for managing their tasks efficiently. The focus is on simplicity and clarity, allowing users to navigate through their tasks and projects without distractions. The application will feature core functionalities that enhance productivity while maintaining a clean aesthetic.

## CORE FEATURES
1. **Task Management**: Users can create, edit, and delete tasks, assigning due dates and priorities to keep their workflow organized.
2. **Project Organization**: Group tasks into projects for better management and overview of ongoing work.
3. **User Authentication**: Secure login and registration process to ensure that user data is protected and personalized.
4. **Responsive Design**: The application will function smoothly across devices, providing an optimal experience on both desktop and mobile.
5. **User Dashboard**: A centralized dashboard to view all tasks, projects, and statistics at a glance.
6. **Notifications**: Users will receive alerts for upcoming deadlines and task updates to keep them informed.

## 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 will have a top navigation bar, a sidebar for project selection, and a central content area for task management, ensuring easy access to all features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React application with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create the folder structure**: Organize components, pages, and assets for maintainability.
3. **Implement the authentication system**: Set up user login and registration routes and integrate a secure authentication method.
4. **Build the task management features**: Create components for adding, editing, and displaying tasks, ensuring they align with the minimalist design.
5. **Design the user dashboard**: Develop a responsive dashboard that aggregates tasks and projects using appropriate UI components.
6. **Add notifications functionality**: Implement a notification system to alert users about deadlines and updates.
7. **Test across devices**: Ensure the application is fully responsive and functions well on various screen sizes.

## USER EXPERIENCE
Key user interactions will include a simple and intuitive navigation system, allowing users to quickly switch between tasks and projects. The clean layout will emphasize functionality without overwhelming users with information. User flows will be designed to minimize clicks and offer quick access to essential features, ensuring a seamless experience in managing tasks efficiently.