Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application named "Friendship CRM" is a web-based CRM tool designed specifically for vehicle repair and maintenance shops. Its primary purpose is to streamline customer management, service scheduling, and communication between the shop and its clients, enhancing overall operational efficiency and customer satisfaction.

## CORE FEATURES
1. **Customer Management**: Maintain a comprehensive database of customers, including contact information, vehicle details, Plate number, Brand make and year model, and service history.
2. **Service Scheduling**: Allow users to schedule appointments for vehicle maintenance and repair, with calendar integration and reminders.
3. **Invoicing and Billing**: Generate invoices for services rendered, track payments, and manage billing history.
4. **Service History Tracking**: Provide detailed records of past services for each vehicle, helping mechanics and customers keep track of maintenance schedules.
5. **Communication Tools**: Enable direct messaging or email notifications to keep customers informed about their vehicle status and upcoming appointments.
6. **Reporting Dashboard**: Offer a dashboard that displays key metrics such as service trends, customer retention rates, and revenue analytics.

## 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 feature a clear navigation sidebar, a main content area for displaying customer and service information, and a responsive design that adapts to various screen sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (based on preference for state management)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Layout Structure**: Build the main layout with a sidebar for navigation and a content area for displaying information.
3. **Develop Core Features**:
   - Implement customer management functionality with forms for adding/editing customer data.
   - Create the service scheduling feature, including a calendar view for appointments.
   - Set up invoicing and billing features to generate and track invoices.
   - Develop service history tracking and display for each vehicle.
   - Display Customer Information in table form. 
   - Integrate communication tools for notifications.
   - Build the reporting dashboard to visualize key metrics.
4. **Responsive Design**: Ensure that all components are responsive and look great on various devices.
5. **Testing and Debugging**: Conduct thorough testing to ensure all features work as intended and fix any bugs.
6. **Deployment**: Prepare the application for deployment on a suitable hosting platform.

## USER EXPERIENCE
Key user interactions will include easily navigating through the sidebar for quick access to customer management, scheduling, invoicing, and reports. Users will be able to add new customers or services with simple forms, receive notifications about upcoming appointments, and view comprehensive reports on their dashboard. The overall experience will be intuitive, with a focus on reducing the time spent on administrative tasks and enhancing customer service.