Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a streamlined dashboard for sales team management, allowing administrators and users to efficiently integrate and manage data from Google Sheets. The main purpose is to facilitate the addition of sales team members, assign leads, and provide an intuitive interface for managing sales operations.

## CORE FEATURES
1. **User Authentication**: Secure login system for both administrators and users, ensuring that access is controlled and specific functionalities are available based on user roles.
2. **Sales Team Management**: Admins can easily add or remove members from the sales team, enabling efficient team organization.
3. **Lead Assignment**: Functionality for administrators to create new leads and assign them to specific salespersons, streamlining the lead management process.
4. **Google Sheets Integration**: Seamless integration with Google Sheets to import and export sales data, allowing for real-time updates and data synchronization.
5. **Dashboard Overview**: A centralized dashboard displaying key metrics, lead statuses, and team performance, providing users with important insights at a glance.
6. **Edit and Update Leads**: Users can edit lead information, ensuring that all data is current and relevant, enhancing overall team productivity.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist approach with a clean and simple design. The layout will feature plenty of white space to enhance focus on the content and functionality.
- **Color Mode**: Light theme utilizing a minimal color palette with dark text on light backgrounds to ensure readability and a pleasant user experience.
- **Layout**: The main layout will consist of a header for navigation, a sidebar for quick access to features, and a central content area that dynamically changes based on user interaction. Utilize card-based designs for displaying team members and leads.
- **Typography**: Use a sans-serif font such as "Roboto" for clarity and modern aesthetics. The hierarchy will include larger, bolder text for headings, standard weight for body text, and a consistent size for subheadings to ensure easy readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for utility-first styling, promoting rapid design and layout adjustments.
- **UI Components**: Utilize shadcn/ui for ready-made UI components that match the minimalist aesthetic.
- **State Management**: Implement React Context API for managing global state efficiently, particularly for user sessions and lead assignments.

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript using Create React App.
   - Install Tailwind CSS and set up the configuration.
   - Integrate shadcn/ui for UI components.

2. **User Authentication**:
   - Implement user authentication using Firebase or Auth0 for secure login functionality.
   - Create roles for admins and users with corresponding access control.

3. **Sales Team Management Module**:
   - Develop a form for adding and editing team members.
   - Implement a list view displaying current sales team members, with options to edit or delete.

4. **Lead Management Module**:
   - Create a form for adding new leads, including fields for necessary lead information.
   - Implement functionality to assign leads to salespersons, updating the lead status accordingly.

5. **Google Sheets Integration**:
   - Use Google Sheets API to enable importing and exporting of sales data.
   - Ensure that data synchronization occurs seamlessly whenever updates are made.

6. **Dashboard Development**:
   - Design a dashboard that showcases critical metrics and lead assignments.
   - Use charts or graphs for visual representation of team performance.

7. **Testing and Deployment**:
   - Conduct thorough testing, including unit tests for components and integration tests for features.
   - Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will experience a streamlined interaction flow, beginning with secure login. Admins will have access to a dedicated interface for managing the sales team and leads. The main dashboard will provide an overview of important metrics, while users can easily navigate through the sidebar to access specific functionalities. The intuitive design will ensure that all actions, from adding team members to updating lead information, can be completed with minimal clicks, enhancing overall productivity and satisfaction.