Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a project management tool specifically designed for branding projects, utilizing the user's unique methodology. It will enable users to manage tasks, collaborate with team members, and track progress in a clean and efficient environment.

## CORE FEATURES
1. **User Authentication**: Allow users to sign up, log in, and manage their profiles securely.
2. **Project Dashboard**: A central hub for users to view ongoing projects, recent activity, and key metrics.
3. **Task Management**: Create, assign, and track tasks related to branding projects, including deadlines and priorities.
4. **Collaboration Tools**: Enable team members to communicate, share files, and provide feedback within each project.
5. **Progress Tracking**: Visualize project timelines and milestones with charts and progress bars.
6. **Custom Methodology Integration**: Allow users to customize the workflow and stages of their branding projects based on their methodology.

## 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 top navigation bar, a left sidebar for project selection, a central content area for the dashboard and task management, and responsive design elements for mobile compatibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries (Redux/Context API).
3. **Create Component Structure**: Develop components for authentication, dashboard, task management, and collaboration tools.
4. **Implement Routing**: Set up React Router to manage navigation between different sections of the application.
5. **Develop Authentication Flow**: Create user authentication components, including sign-up and login forms.
6. **Build Project Dashboard**: Design and implement the dashboard to display ongoing projects and key metrics.
7. **Integrate Task Management**: Create functionalities for adding, editing, and deleting tasks, along with assignment capabilities.
8. **Implement Collaboration Features**: Add chat or comment sections within projects for team communication.
9. **Add Progress Tracking**: Implement visual components to track progress and milestones.
10. **Test and Optimize**: Conduct thorough testing for functionality and responsiveness across devices.

## USER EXPERIENCE
Users will experience a seamless interface where they can easily navigate between projects and tasks. They will be able to manage their branding initiatives collaboratively with team members through integrated communication tools. The minimalist design ensures that users can focus on their workflow without distractions, and responsive elements will provide a consistent experience on both desktop and mobile devices.