Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for managing patient and client information seamlessly. It aims to provide a user-friendly interface for healthcare professionals to add, update, and manage patient records effectively while ensuring all functionalities operate smoothly.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to manage access to the application, allowing users to create accounts and log in with their credentials.
2. **Patient Management**: A feature that allows users to add, edit, and delete patient records, ensuring all patient information is organized and easily accessible.
3. **Client Management**: Similar to patient management, this feature enables users to manage client records, making it easy to track interactions and services provided.
4. **Dashboard Overview**: A central dashboard that provides an overview of patient and client statistics, recent activities, and quick access to key functionalities.
5. **Search and Filter Functionality**: Users can search for specific patients or clients and apply filters to streamline their management processes.
6. **Secure Data Storage**: Implementation of secure storage for all records, ensuring sensitive information remains confidential and protected.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will prioritize cleanliness and simplicity, using plenty of white space to enhance readability and usability.
- **Color Mode**: Light theme with dark text on light backgrounds, creating a pleasant and easy-to-read environment.
- **Layout**: The main layout will feature a sidebar for navigation, a top header for notifications, and a main content area for displaying and managing records.
- **Typography**: Use of sans-serif fonts for a modern look, with clear hierarchy through varying font sizes for headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS to facilitate rapid and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use React Context or Redux to manage global state across the application.

## IMPLEMENTATION STEPS
1. **Set up the React Application**: Initialize a new project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Authentication System**: Develop user registration and login functionalities, ensuring secure password handling.
4. **Develop Patient and Client Management Features**: Build forms for adding and editing patient/client records, as well as a list view to display all records.
5. **Implement Dashboard**: Create a dashboard component that aggregates data and provides insights into patient/client management.
6. **Add Search and Filter Capabilities**: Implement functionalities that allow users to search for specific records and filter results based on certain criteria.
7. **Ensure Secure Data Handling**: Implement backend services or use third-party solutions for secure data storage and retrieval.

## USER EXPERIENCE
Users will start by logging into the app via a clean and simple authentication page. Once authenticated, they will be directed to the dashboard, where they can quickly see an overview of their patients and clients. From the dashboard, users can navigate to management sections, add new records, search for specific entries, and view detailed information, all designed to ensure a smooth and efficient experience. The minimalist design and responsive layout will enhance usability across devices, making it accessible for all users.