Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with a secure platform for managing their accounts and accessing a comprehensive dashboard after registration. The application will focus on delivering an intuitive user experience while maintaining a minimalist design aesthetic.

## CORE FEATURES
- **User Authentication**: Secure sign-up and login processes for users to create and manage their accounts.
- **Dashboard**: A dynamic dashboard that displays key metrics and analytics relevant to the user's activities and performance.
- **Feature Management**: Users can create, edit, and delete features within the application, making it adaptable to various needs.
- **Reporting Tools**: Generate reports based on user data and activities, providing insights into usage patterns and areas for improvement.
- **Integration Capabilities**: Connect with third-party services and APIs to enhance functionality and user experience.
- **User Support**: A built-in support system for users to report issues, access FAQs, and get assistance when needed.

## 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 top navigation bar, a sidebar for additional features, and a central content area to display the dashboard and other user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (if needed for managing application state)

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Component Structure**: Design the main components including the navigation bar, dashboard, and user management sections.
3. **Implement Routing**: Use React Router for navigating between different views of the application.
4. **Build Authentication Flow**: Implement secure user authentication using Firebase or a similar service.
5. **Develop Dashboard**: Create the dashboard component to display metrics and analytics dynamically based on user data.
6. **Add Reporting Tools**: Integrate features to generate and export reports.
7. **User Support System**: Develop a user support module where users can submit queries and access FAQs.
8. **Test Responsiveness**: Ensure the application is fully responsive and provides a seamless experience across devices.

## USER EXPERIENCE
The user experience will focus on intuitive navigation with a clean and straightforward interface. Users will easily interact with the dashboard, manage their features, and access support. The application will provide feedback through notifications and confirmations to enhance usability, ensuring users feel confident in managing their tasks and activities.