Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for managing a medical center specializing in Aesthetic Medicine. It will provide a comprehensive solution for user and role management, treatment scheduling, and a calendar feature, allowing staff to efficiently oversee operations and improve patient care.

## CORE FEATURES
1. **User Management**: Create, edit, and delete user profiles with assigned roles (e.g., admin, staff, patients).
2. **Role-Based Access Control**: Define permissions and access levels for different user roles to enhance security and usability.
3. **Treatment Management**: Add, update, and delete various aesthetic treatments offered by the center, including details like descriptions and pricing.
4. **Calendar Integration**: A calendar feature to schedule and manage appointments, view upcoming treatments, and send notifications/reminders to users.
5. **Reporting Dashboard**: An overview dashboard displaying key metrics such as total treatments performed, user engagement, and appointment statistics.

## 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 application will utilize a sidebar for navigation, a main content area for displaying user information and management tools, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Environment**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the Folder Structure**: Organize the project into components, pages, and styles directories for better maintainability.
3. **Design the Layout**: Implement the minimalistic layout structure with a responsive sidebar, main content area, and footer.
4. **Develop Core Features**:
   - Implement User Management with CRUD functionality and role assignments.
   - Set up Role-Based Access Control to manage permissions for different user roles.
   - Create the Treatment Management interface for adding, updating, and deleting treatments.
   - Integrate the Calendar feature using a library like react-calendar or similar.
   - Build the Reporting Dashboard to visualize key metrics.
5. **Testing and Debugging**: Perform thorough testing for each feature to ensure functionality and usability across devices.
6. **Deployment**: Prepare the application for deployment using services like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application with a clear sidebar for quick access to different features. The main content area will dynamically update based on user interactions, such as selecting a treatment or viewing the calendar. Notifications and confirmations will guide users through critical actions to enhance usability. The overall design will focus on simplicity, ensuring that users can manage their tasks efficiently without clutter.