Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for quick note-taking and task management. Users can create, organize, and archive tasks using a simple and intuitive interface. The app allows users to visualize their workflow through a Kanban-style board with columns for tasks that are "To Do," "In Progress," and "Completed." Additionally, it provides a section for meeting notes, allowing users to easily compile topics, conclusions, and action items.

## CORE FEATURES
- **Quick Notes**: Users can easily create and manage short notes for quick reminders or thoughts.
- **Kanban Board**: A visual task management system where users can drag and drop tasks between columns: "To Do," "In Progress," and "Completed."
- **Task Archiving**: Completed tasks can be archived to keep the workspace clean while still being accessible when needed.
- **Meeting Notes Section**: Users can create a structured area to document meeting titles, dates, topics, conclusions, and actionable items, all in a clean format.
- **Responsive Design**: The app will be fully responsive, ensuring optimal usability across devices, from desktop to mobile.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on a clean and simple design that prioritizes user content. Ample white space will enhance readability and ease of use.
- **Color Mode**: Light theme featuring dark text on light backgrounds to maintain readability and comfort.
- **Layout**: A top navigation bar with options for "Notes," "Tasks," and "Meetings." The main content area will feature the Kanban board on the left, with the meeting notes section on the right. A clean footer will provide additional information or links.
- **Typography**: Use a sans-serif font like Inter or Roboto for body text, with larger, bold headings for section titles to maintain a clear hierarchy. Ensure that the text is easily readable with appropriate line height.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust, type-safe development experience.
- **Styling**: Tailwind CSS for efficient and responsive styling, allowing for rapid UI development.
- **UI Components**: Utilize shadcn/ui for pre-built accessible components that align with the overall minimalist aesthetic.
- **State Management**: Use React's Context API or Zustand for state management to maintain the application state efficiently.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript using Create React App or a similar tool. Install Tailwind CSS and shadcn/ui components.
2. **Create the Main Layout**: Develop the basic layout structure, including the navigation bar, main content area for the Kanban board, and the meeting notes section.
3. **Implement Quick Notes Feature**: Build the functionality to create, edit, and delete quick notes, storing them in local state or a simple database.
4. **Develop the Kanban Board**: Create the Kanban board with drag-and-drop capabilities for tasks. Implement the ability to add tasks to different columns.
5. **Add Task Archiving Functionality**: Implement a feature to archive completed tasks, ensuring they can be retrieved but do not clutter the main interface.
6. **Build the Meeting Notes Section**: Create the structured section for meeting notes, allowing users to input titles, dates, topics, conclusions, and tasks.
7. **Ensure Responsiveness**: Test and refine the application for responsiveness, ensuring it works seamlessly on various devices.
8. **Conduct User Testing**: Gather feedback from potential users to identify any usability issues and implement necessary improvements.

## USER EXPERIENCE
Users will interact with the application through an intuitive interface, starting with a clean home screen. They can quickly add notes or tasks through easily accessible buttons. The Kanban board allows for straightforward task management, with drag-and-drop functionality enhancing the user experience. Users can access the meeting notes section to document important information efficiently, and they can navigate between sections using a simple top navigation bar. The overall experience focuses on simplicity and clarity, ensuring that users can manage their tasks and notes without distractions.