Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a minimalist web app designed to provide a clean and efficient user experience. Its primary purpose is to deliver core functionalities while maintaining a focus on simplicity and usability, ensuring that users can easily navigate through its features without unnecessary distractions.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system allowing users to create accounts and manage their profiles seamlessly.
2. **Dashboard Interface**: A central hub for users to access various features and data insights in a clear and organized manner.
3. **Data Management**: Tools for users to create, read, update, and delete data entries, all within a straightforward interface.
4. **AI Integration**: Implement Edge AI logic to provide smart recommendations and insights based on user interactions and data.
5. **Notifications System**: Alerts and updates to keep users informed of important events or changes within the application.
6. **Responsive Design**: Ensures that the application is fully functional and visually appealing on all devices, including desktops, tablets, and smartphones.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design. Emphasis on ample white space and a minimal color palette to enhance readability and focus on content.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: The layout consists of a top navigation bar for primary navigation, a sidebar for secondary options, and a main content area that dynamically displays relevant information based on user interactions.
- **Typography**: Use a sans-serif font like Inter or Roboto for clean readability. Headings should be bold for clear hierarchy, with body text set in a regular weight for standard content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and maintainable application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design and customization.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design aesthetic.
- **State Management**: Use React's Context API or Zustand for efficient state management, ensuring smooth data flow within the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Project Structure**: Organize the project into components, pages, and styles directories.
3. **Implement Authentication**: Build user authentication components and integrate them with a backend service for user management.
4. **Design Dashboard**: Create the dashboard layout using Tailwind CSS, ensuring responsiveness across devices.
5. **Integrate Data Management Features**: Develop CRUD functionalities, linking them with the UI components for seamless data interaction.
6. **Add AI Functionality**: Implement the Edge AI logic to enhance user experience with intelligent recommendations.
7. **Testing and Debugging**: Conduct thorough testing across devices and browsers to ensure functionality and design consistency.
8. **Deploy Application**: Prepare the application for deployment on a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
The user experience is centered around intuitive navigation and efficient interactions. Users will start on the login screen, proceed to the dashboard upon authentication, and access various features using the navigation bar and sidebar. Each interaction is designed to be smooth, with immediate feedback provided through notifications and visual cues. The minimalist design allows users to focus on their tasks without distraction, promoting productivity and satisfaction.