Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for user registration and account management with distinct roles for users and admins. It aims to provide a secure and user-friendly interface for managing user accounts, ensuring a seamless experience for both regular users and administrators.

## CORE FEATURES
1. **User Registration**: Users can create accounts by entering their email and a password that meets specified criteria. Passwords must be confirmed through a matching check, and a Google reCAPTCHA v3 verification is included to prevent bots. Confirmation emails will be sent for account activation.

2. **Password Recovery**: Users who forget their passwords can request a recovery email. A notification will inform them that an email will only be sent if the address is registered.

3. **Account Types**: The application supports two account types: "users" and "admins." Admin accounts can manage user permissions and create or modify user accounts, while regular users have limited access.

4. **Account Management**: Users can update their profile with options to upload a profile photo, change their display name, email address, phone number, and password. Two-factor authentication (2FA) configuration will be available.

5. **Admin Capabilities**: Admins have access to special functionalities that will be defined later, ensuring that at least one admin account is always active and cannot be deleted.

6. **Responsive Design**: The application will be mobile-friendly, ensuring a consistent experience across devices.

## 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 consist of a clean header with navigation links, a main content area for forms and account management, and a footer with contact information. Form components will be clearly separated with ample spacing for improved readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (as needed for managing user state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create Routing**: Set up React Router for navigation between registration, login, and account management pages.
3. **Build Registration Component**: Implement user registration with password validation, matching checks, and reCAPTCHA integration.
4. **Develop Password Recovery Feature**: Create the password recovery interface with email input and validation messages.
5. **Design Account Management Dashboard**: Build out the user and admin account management sections, including forms for updating credentials and enabling 2FA.
6. **Implement Role-Based Access Control**: Ensure that admin functionalities are restricted to admin accounts, while users can only access their own information.
7. **Testing and Debugging**: Conduct thorough testing of all functionalities to ensure a seamless user experience.
8. **Deploy Application**: Prepare the application for deployment on a cloud platform.

## USER EXPERIENCE
Users will experience a straightforward registration and login process with clear feedback on their actions, such as password requirements and success messages. Admins will have a dedicated section to manage user accounts effectively, while maintaining security with role-based access. The responsive design will ensure a consistent experience across devices, enhancing user satisfaction.