Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application for managing a to-do list. Users will be able to mark tasks as in progress or completed, providing a simple and efficient way to keep track of their daily responsibilities. The application will be designed to be lightweight and user-friendly, enabling easy deployment on a personal server.

## CORE FEATURES
1. **Task Creation**: Users can add new tasks to their to-do list with a simple input field.
2. **Task Status Management**: Users can mark tasks as "in progress" or "completed" with an intuitive toggle feature.
3. **Task Deletion**: Users can remove tasks from their list when they are no longer needed.
4. **Responsive Design**: The application will be fully responsive, ensuring usability across devices of all sizes.
5. **Lightweight HTML Files**: The generated output will consist of clean HTML files for easy deployment to a personal server.

## 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 include a top navigation bar, a central task input area, and a list of tasks displayed below with status indicators.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Basic Structure**: Set up the main components including `Header`, `TaskInput`, and `TaskList`.
3. **Implement Task Input Feature**: Create a form in `TaskInput` to allow users to enter new tasks and manage state.
4. **Develop Task Management Logic**: In `TaskList`, implement functionality to display tasks and allow users to mark them as in progress or completed.
5. **Add Task Deletion Functionality**: Include buttons in each task item to remove it from the list.
6. **Style the Application**: Apply Tailwind CSS classes to achieve the minimalist design with specified colors and typography.
7. **Test Responsiveness**: Ensure the application is responsive and functional on various device sizes.
8. **Generate HTML Files**: Prepare the build process to output clean HTML files suitable for deployment on a personal server.

## USER EXPERIENCE
Users will interact with the application by entering tasks into a clear input field at the top of the page. Each task will be displayed in a list format below, with distinct visual indicators showing whether a task is in progress or completed. Users can easily toggle the status of each task and delete tasks as needed, all while maintaining a clean and straightforward interface that emphasizes usability and clarity.