Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a lightweight CRM web application designed for tracking leads, managing business stages, taking notes, and setting follow-up reminders. The application will focus on simplicity and usability, providing users with an efficient tool to manage their sales processes with a clean and minimalist interface.

## CORE FEATURES
1. **Lead Tracking**: Users can easily add, edit, and delete leads, along with relevant details such as contact information and status.
2. **Business Stages Management**: A visual representation of different stages in the sales process, allowing users to move leads through various stages easily.
3. **Notes and Reminders**: A feature for users to add notes related to each lead and set reminders for follow-ups to ensure timely communication.
4. **Dashboard Overview**: A summary dashboard that displays key metrics, such as the number of leads, leads by stage, and upcoming reminders.
5. **Search and Filter**: Functionality to search for specific leads and filter them based on various criteria, enhancing user navigation and efficiency.
6. **User Authentication**: Secure login and registration feature to protect user data and ensure personalized experiences.

## 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 main layout will feature a sidebar for navigation, a top section for the dashboard overview, and a content area displaying lists of leads, details, and notes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or any suitable state management library)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create the folder structure**: Organize components, pages, and assets for better maintainability.
4. **Develop the authentication flow**: Implement user registration and login features with secure password handling.
5. **Build the lead management feature**: Create components for adding, editing, and displaying leads.
6. **Implement business stages management**: Develop a visual interface to show and manage the stages of leads.
7. **Add notes and reminders functionality**: Allow users to add notes and set reminders for each lead.
8. **Create the dashboard**: Design a summary view that aggregates important metrics for quick insights.
9. **Implement search and filter options**: Ensure users can easily navigate through their leads with search and filtering capabilities.
10. **Test the application**: Conduct thorough testing for usability, performance, and security.

## USER EXPERIENCE
Users will experience a seamless interface where they can effortlessly navigate through the application. Upon logging in, they will be greeted with a dashboard overview that summarizes their leads and any upcoming reminders. Users can easily add new leads with a simple form, categorize them by business stage, and set notes or reminders as needed. The minimalist design ensures that users can focus on their tasks without distractions, while the responsive layout guarantees a smooth experience across devices.