Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Barberfy is a comprehensive web application designed for managing barbershops, providing three distinct user roles: Admin (Owner), Employee (Barber), and Customer. The application offers features like scheduling, financial tracking, customer management, and service administration, all while ensuring a modern, fast, and mobile-optimized user experience with a dark theme.

## CORE FEATURES
1. **User Authentication**: Secure login for Admin, Employees, and Customers using email and password, with automatic user type identification.
   
2. **Admin Dashboard**: Overview of daily and monthly revenue, total appointments, new customers, and best-selling services, along with general calendar management.

3. **Client Management**: Comprehensive client list with the ability to search, view appointment history, total spent, and debt status.

4. **Financial Management**: Tracking of income from services and expenses for the barbershop, with an exclusive section for managing client debts (Fiado).

5. **Employee Scheduling**: Employees can view their daily agenda, manage appointments, and finalize services while recording payment details.

6. **Customer Booking**: Customers can easily schedule appointments by selecting services, barbers, and available time slots, receiving notifications for confirmation and reminders.

## 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 layout will be structured with a sidebar for navigation and a main content area that dynamically updates based on user interactions. Each role will have tailored views.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design.
- **UI Components**: shadcn/ui for modern UI components.
- **State Management**: Redux or Context API as needed for managing global state.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a React project with TypeScript, install Tailwind CSS, and configure shadcn/ui components.
   
2. **Create Authentication Flow**: Implement user authentication using a secure method, with role-based access control.

3. **Develop Admin Dashboard**: Build the Admin interface to display financial metrics and manage appointments and clients.

4. **Implement Client Management**: Create features for adding, searching, and viewing clients, including their appointment history and debt status.

5. **Build Employee Scheduling**: Develop the employee view for managing their daily schedules and handling service completion with payment options.

6. **Design Customer Booking System**: Enable customers to book services, ensuring notifications are sent for confirmations and reminders.

7. **Testing and Deployment**: Conduct thorough testing for usability, performance, and security. Deploy the application to a suitable hosting service.

## USER EXPERIENCE
Users will experience a seamless interaction flow, starting from logging in to their respective dashboards. Admins will have comprehensive oversight of operations, while barbers can efficiently manage their schedules and customer interactions. Customers will enjoy a straightforward booking process with reminders for their appointments, fostering a smooth and engaging experience throughout the application.