Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for the management of a company specializing in the installation of blinds and curtains. The main purpose is to streamline operations, manage customer relationships, and facilitate project tracking, all while providing an intuitive user experience.

## CORE FEATURES
1. **User Management**: Allow administrators to create, edit, and manage user profiles, including roles and permissions for employees and clients.
2. **Client Dashboard**: A centralized interface where clients can view their projects, request services, and communicate with the company.
3. **Project Tracking**: Tools for tracking the status of installations and repairs, including scheduling, deadlines, and completion updates.
4. **Inventory Management**: A feature for managing stock levels of materials and products, with notifications for low inventory.
5. **Reporting Tools**: Generate reports on sales, project completion, and customer feedback to assist in decision-making.
6. **Contact Management**: Store and manage client details, communication history, and service requests for better customer relationship management.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design, emphasizing ample white space and clarity. The focus should be on typography to ensure readability and ease of navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance contrast and readability.
- **Layout**: A vertical navigation sidebar for primary navigation with a main content area that updates based on user selections. Card-based layouts for project and client information to maintain a clean structure.
- **Typography**: Use a sans-serif font like Inter or Roboto for a modern look. Headings should be bold and larger to create a clear hierarchy, while body text should be standard size for easy reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe application structure.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Zustand for state management to maintain global application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS, shadcn/ui, and any necessary libraries.
2. **Create Project Structure**: Organize files into components, pages, and utilities to maintain clarity.
3. **Implement User Authentication**: Set up user registration and login features using context or a third-party service for authentication.
4. **Build Core Features**: Begin coding core features like user management, project tracking, and inventory management, ensuring each feature is modular and reusable.
5. **Design UI Components**: Create styled components using Tailwind CSS that match the minimalist design principles laid out in the specifications.
6. **Integrate API Services**: If necessary, connect to backend services or APIs for data management and retrieval.
7. **Test Responsiveness**: Ensure all components are responsive and function across different devices and screen sizes.
8. **Conduct User Testing**: Gather feedback from potential users to identify areas for improvement and iterate on the design and functionality.

## USER EXPERIENCE
Key user interactions include a seamless onboarding process for new users, intuitive navigation through the sidebar for accessing different features, and an interactive dashboard for clients to easily track their projects. Each action taken by the user should provide immediate feedback, enhancing engagement and satisfaction. The responsive design will ensure that users have a consistent experience across devices, whether they are using a desktop or mobile device.