Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to provide a streamlined and user-friendly experience. It aims to replicate the functionality and aesthetics of the specified GitHub repository, focusing on delivering a clean, minimalist interface that enhances usability while maintaining a high standard of performance.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process with email verification and password recovery options.
2. **Dashboard Overview**: A central dashboard displaying key metrics and user data in an organized manner, facilitating quick access to important information.
3. **Data Visualization**: Interactive charts and graphs that offer insights into user behavior and trends, using responsive design for optimal viewing on various devices.
4. **Settings Management**: A settings page that allows users to customize their profiles, manage notifications, and adjust preferences.
5. **Edge AI Integration**: Seamless integration of Edge AI functionalities to provide personalized recommendations and automated processes based on user interactions.
6. **Responsive Design**: A fully responsive layout that adapts to different screen sizes, ensuring a consistent experience across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design features a clean and simple aesthetic with ample white space, allowing content to stand out and enhancing readability.
- **Color Mode**: Light theme with dark text on light backgrounds, creating a high-contrast environment for better visibility and accessibility.
- **Layout**: The main layout consists of a header for navigation, a sidebar for quick access to different sections, and a content area that displays dynamic information based on user interactions. Elements are spaced evenly to maintain clarity and order.
- **Typography**: Use of sans-serif fonts for a modern and clean look. Hierarchy established through varying font sizes and weights: larger, bolder headings for titles, medium-weight text for subtitles, and regular weight for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development environment.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design adjustments and maintaining consistency.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design ethos.
- **State Management**: Redux or Context API for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize the React project with TypeScript, install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop core UI components such as the header, sidebar, and dashboard using Tailwind CSS for styling.
3. **Implement Routing**: Set up React Router for navigation between different application views (dashboard, settings, etc.).
4. **Integrate User Authentication**: Build authentication flows using a chosen backend service, implementing secure API calls for user sign-up and login.
5. **Develop Data Visualization**: Integrate charting libraries to render data visualizations within the dashboard.
6. **Incorporate Edge AI Logic**: Implement Edge AI functionalities to enhance user experience based on interactions, ensuring data processing is efficient.
7. **Optimize for Responsiveness**: Test the application on various devices and screen sizes to ensure that the layout and functionality are consistent and user-friendly.

## USER EXPERIENCE
Key user interactions include a smooth sign-up and login process, easy navigation through the dashboard and settings, intuitive data visualization displays, and personalized recommendations powered by Edge AI. The design prioritizes clarity and ease of use, making it simple for users to access and engage with all features seamlessly.