Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to manage a hair salon's database, allowing for the creation of schedules for eight stylists while ensuring that appointment times do not overlap. The application aims to streamline appointment management, improve client satisfaction, and enhance operational efficiency.

## CORE FEATURES
1. **User Authentication**: Secure login for salon owners and stylists to access and manage their schedules.
2. **Stylist Scheduling**: Create, edit, and delete appointments for up to eight stylists, ensuring no scheduling conflicts.
3. **Client Management**: Maintain a database of clients, including contact information and service history.
4. **Appointment Calendar**: A visual calendar interface to view and manage appointments at a glance.
5. **Notifications**: Automated reminders for upcoming appointments sent to both clients and stylists.
6. **Reporting Dashboard**: Summary reports on appointments, client visits, and stylist performance.

## 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**: A responsive, grid-based layout that organizes the calendar, client management, and stylist scheduling sections clearly for optimal usability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Query for data fetching and state synchronization.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui, React Query).
2. **Authentication Module**: Develop the user authentication feature allowing users to register, log in, and log out.
3. **Database Integration**: Set up a backend (e.g., Firebase, Express) to manage client and appointment data.
4. **Stylist Scheduling UI**: Create components for adding, editing, and displaying stylist schedules, ensuring conflict avoidance.
5. **Client Management Features**: Implement functionality to add, edit, and view client information and appointment history.
6. **Calendar Interface**: Build a calendar component using a library such as React Big Calendar to display appointments.
7. **Notification System**: Integrate a notification system to send reminders to clients and stylists via email or in-app notifications.
8. **Reporting Dashboard**: Create a dashboard that summarizes and visualizes appointment data and stylist performance metrics.

## USER EXPERIENCE
The application will offer a streamlined user experience, allowing users to easily log in, view their schedules, and manage appointments with intuitive navigation. Users will interact with a clean interface where they can quickly add or modify appointments, view stylist availability in real-time, and receive timely reminders. The responsive design ensures accessibility on various devices, enhancing usability for both stylists and clients.