Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a CRM for tracking sales follow-ups, service follow-ups, and managing the sale of tools and materials to customers. It will also include advanced tracking for received and pending amounts, providing users with a streamlined experience to manage their sales processes effectively.

## CORE FEATURES
1. **Sales Follow-Up Tracking**: Users can log and manage follow-up interactions with potential clients, ensuring no leads are overlooked.
2. **Service Follow-Up Tracking**: A dedicated section for tracking post-sale service interactions, helping maintain customer satisfaction and retention.
3. **Tools and Materials Sales Management**: Functionality to manage and track sales of tools and materials, allowing for easy inventory management and sales reporting.
4. **Pending Amount Tracking**: Advanced tracking of received and pending payments, giving users a clear overview of their financial standing and cash flow.
5. **Dashboard Overview**: A comprehensive dashboard displaying key metrics, follow-up reminders, and financial summaries to facilitate quick decision-making.
6. **User Authentication**: Secure login and user management to ensure data integrity and privacy.

## 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**: A grid-based layout that prioritizes clarity and ease of navigation, with a sidebar for navigation and a main content area for features and data display.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (or Context API as an alternative for simpler state management).

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user authentication using a library like Firebase or Auth0 for secure access.
3. **Design Core Components**: Build components for sales follow-up tracking, service follow-up tracking, and pending amount tracking, utilizing Tailwind CSS for styling.
4. **Set Up State Management**: Configure Redux (or Context API) to manage application state, particularly for tracking sales, services, and payments.
5. **Develop Dashboard**: Create a dashboard component that aggregates data from various features and displays it in an intuitive format.
6. **Implement Routing**: Use React Router to manage navigation between different sections of the application.
7. **Testing**: Conduct thorough testing to ensure all features function correctly and the user interface is responsive.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface where they can easily navigate through different sections of the CRM. The dashboard will provide immediate insights into their sales activities, with quick access to follow-up tasks and financial tracking. Notifications for pending follow-ups and payments will enhance user engagement and help prioritize tasks effectively. The minimalist design will ensure that users can focus on their tasks without distractions, promoting efficient workflows.