Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage design projects for various clients. It allows users to track project details such as client information, service types, timelines, project statuses, payments, and notes. The application also automates client onboarding by sending welcome emails and links to a brand brief.

## CORE FEATURES
1. **Client Management**: Users can add, edit, and view client profiles, including contact details and project history.
2. **Project Tracking**: Manage projects by separating them by client, service type (web, branding, editorial, landing), and tracking key details such as duration and status (kick-off, research, moodboard, wireframe).
3. **Payment Tracking**: Record payment information including deposits and total amounts due for each project.
4. **Automated Email Notifications**: Automatically send welcome emails to new clients with project details and links to a brand brief for collecting necessary information.
5. **User Authentication**: Secure login system with options for password recovery and user profile management, including avatar and personal information.
6. **Observations and Notes**: A section for users to add custom notes or observations related to each project for easy reference.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: A single-page dashboard layout featuring a navigation sidebar for clients and projects, a main content area for detailed views, and a footer for additional links and information.
- **Typography**: Helvetica font throughout, maintaining a Swiss design style with clear hierarchies for headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and styling components
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context or Zustand for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS.
2. **Design Layout**: Create the dashboard layout with a sidebar for navigation and a main content area for project details.
3. **Build Core Features**:
   - Implement client management functionality using forms and lists.
   - Create project tracking components that display project status and payment details.
   - Set up automated email notifications using a backend service (Node.js or similar).
4. **Implement Authentication**: Integrate user authentication features including login, password recovery, and user profile editing.
5. **Design Responsive Components**: Ensure all components are responsive and accessible, adhering to best practices for user experience.
6. **Testing and Deployment**: Conduct thorough testing for functionality and bugs, then deploy the application to a hosting platform.

## USER EXPERIENCE
Users will interact with a clean and intuitive dashboard where they can easily navigate between clients and projects. Upon logging in, users will see an overview of their projects, with clear indicators of status and payment information. The onboarding process for new clients will be seamless, with automated emails enhancing the user experience and ensuring clients receive timely communications. The minimalist design will facilitate a focus on the tasks at hand without unnecessary distractions.