Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate user sign-up and account verification processes. Its main purpose is to provide a seamless onboarding experience for new users while maintaining a minimalist aesthetic that emphasizes clarity and ease of use.

## CORE FEATURES
1. **User Registration**: Allow users to create accounts by providing their email and password. Confirmation email will be sent for verification.
2. **Account Verification**: Users can verify their email through a secure token link sent to their inbox, ensuring account authenticity.
3. **Dashboard Access**: Once verified, users can access a dashboard with personalized content and features.
4. **Password Recovery**: Enable users to recover their passwords through secure email links.
5. **Profile Management**: Users can update their personal information, including email and password settings.
6. **Responsive Design**: The application will be fully responsive, ensuring optimal usability on mobile and desktop 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 main layout will consist of a centered hero section for user registration, followed by a confirmation section, and a user dashboard. Each section will have ample white space to enhance readability and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if complex state management is necessary) or React Context API for simpler state handling.

## IMPLEMENTATION STEPS
1. **Set up the project environment**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it within the project.
   - Add shadcn/ui for UI components.

2. **Create the routing structure**:
   - Set up React Router for navigation between the registration, verification, and dashboard pages.

3. **Develop the registration component**:
   - Create a registration form that captures user email and password.
   - Implement validation and error handling for form inputs.

4. **Implement email verification logic**:
   - Create an API call to send a verification email upon successful registration.
   - Handle the token verification process in a separate component.

5. **Design the dashboard layout**:
   - Construct a user dashboard that displays user-specific content and functionalities.
   - Use Tailwind CSS to style the dashboard with a minimalist approach.

6. **Implement profile management features**:
   - Create a component for users to manage their profiles, including updating their email and password.

7. **Test the application**:
   - Conduct thorough testing for user flows, error handling, and responsiveness across devices.

8. **Deploy the application**:
   - Choose a hosting service (e.g., Vercel, Netlify) to deploy the application for public access.

## USER EXPERIENCE
Key user interactions will include a straightforward registration process where users can quickly fill out their information and receive clear feedback on their actions. Upon submitting their registration, users will receive an email with a verification link that leads them back to the application. The dashboard will provide intuitive navigation to manage profiles and settings, ensuring a smooth experience with minimal distractions. The responsive design will adapt to various screen sizes, maintaining usability on mobile devices.