Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help users organize their tasks, objectives, and projects efficiently. It includes features for setting time limits, creating timelines, estimating durations, and prioritizing tasks. The app aims to enhance productivity, especially for users with ADHD, by incorporating gamification elements and urgency cues.

## CORE FEATURES
1. **Task Management**: Users can create, edit, and delete tasks with time limits, due dates, and priority levels.
2. **Project Organization**: Group related tasks into projects, allowing users to track progress and deadlines cohesively.
3. **Timeline View**: A visual timeline feature that displays all tasks and projects, helping users to understand their time commitments at a glance.
4. **Gamification Elements**: Implement points and rewards system for completing tasks, encouraging engagement and completion.
5. **Urgency Notifications**: Alerts for upcoming deadlines and tasks that need immediate attention, designed to help users stay focused and on track.
6. **Progress Tracking**: A dashboard that visualizes task completion rates and project milestones, offering insights into productivity.

## 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 for easy readability.
- **Layout**: A single-page layout divided into sections for task lists, project overview, timeline, gamification dashboard, and notifications, ensuring a seamless navigation experience.
- **Typography**: Use sans-serif fonts like 'Roboto' for body text and 'Montserrat' for headings, maintaining a clear hierarchy with larger font sizes for titles and ample spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust development and type safety.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI development while maintaining a minimalist aesthetic.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design ethos.
- **State Management**: Consider using React Context API or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install required libraries (Tailwind CSS, shadcn/ui).
2. **Create Core Components**: Develop components for task management, project organization, timeline view, and gamification dashboard.
3. **Implement Routing and State Management**: Set up routing for seamless navigation and implement state management for tasks and projects.
4. **Design Layout**: Structure the layout using Tailwind CSS to achieve a clean, responsive design.
5. **Add Gamification Features**: Integrate points and rewards system, including animations and notifications for task completion.
6. **Testing and Refinement**: Conduct user testing to gather feedback, refine UI/UX, and ensure accessibility compliance.

## USER EXPERIENCE
Users will interact with the application through an intuitive dashboard where they can easily create and manage tasks and projects. The timeline view provides a visual representation of their workload, while gamification elements motivate them to complete tasks. Notifications will keep users informed about upcoming deadlines, ensuring they stay focused and organized. The overall design prioritizes clarity and ease of use, making it accessible for users with ADHD.