Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application similar to Urban Company, focusing on connecting service providers with customers seeking various services. The platform will enable users to book services easily, manage appointments, and provide feedback, all within a seamless and intuitive interface.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts, log in, and manage their profiles securely.
2. **Service Provider Directory**: A searchable and filterable list of service providers categorized by service type, location, and ratings.
3. **Booking System**: Users can select service providers, view their availability, and book appointments directly through the platform.
4. **Reviews and Ratings**: Customers can leave feedback and rate service providers based on their experiences, helping other users make informed decisions.
5. **Dashboard for Service Providers**: A dedicated area for providers to manage bookings, view customer feedback, and update their service offerings.
6. **Admin Panel**: A backend interface for managing users, service providers, and overseeing overall platform performance.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space to enhance readability and user focus. The interface should prioritize essential elements without clutter.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and accessibility.
- **Layout**: A responsive grid layout that adapts to various screen sizes, with a clear header, main content area, and footer. Key features should be prominently displayed, ensuring easy navigation.
- **Typography**: Use a sans-serif font like "Roboto" for body text, with bold weights for headings to establish a clear hierarchy. Maintain consistent font sizes for headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and maintainability.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for pre-built components that fit the minimalist design.
- **State Management**: Use React Context API for managing global state and user sessions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary libraries for routing and state management.
3. **Create Components**: Build reusable components for the header, footer, service provider cards, booking forms, and dashboards.
4. **Implement Routing**: Set up React Router for navigating between the main application views (home, service directory, booking, user profile, etc.).
5. **Integrate API**: Develop RESTful API endpoints for handling user authentication, service provider data, booking management, and reviews.
6. **Add State Management**: Implement global state management for user sessions and appointment data using React Context.
7. **Testing**: Conduct unit and integration testing to ensure all components and features function correctly.
8. **Deployment**: Prepare the application for deployment on a hosting platform, ensuring all configurations are set for production.

## USER EXPERIENCE
Users will experience a smooth onboarding process with straightforward registration and login flows. The service directory will allow easy searching and filtering, ensuring users can find suitable service providers quickly. Booking appointments will be intuitive, with clear prompts and confirmation messages. Users will receive notifications for upcoming appointments and can leave reviews post-service, enhancing engagement and trust in the platform. The design will ensure responsiveness across devices, providing a consistent experience whether on desktop service-sparkle-84.lovable.appor mobile.