Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a micro-SaaS solution aimed at a broad audience in Mexico. The application will function automatically, providing users with a simple yet modern interface that facilitates ease of use without complex niche requirements. The focus will be on delivering essential features that meet user needs while minimizing advertising costs.

## CORE FEATURES
1. **User Registration and Login**: Allow users to create accounts and log in securely to access their personalized dashboard.
2. **Automated Service Delivery**: The application will automate key services tailored to user needs, ensuring a seamless experience.
3. **Dashboard Overview**: Users will have access to a clean dashboard that displays relevant metrics and insights at a glance.
4. **Notifications and Alerts**: Users will receive timely notifications about important updates or actions required within the application.
5. **Support and Feedback System**: An integrated support feature that allows users to submit feedback or request help easily.
6. **Analytics and Reporting**: Provide users with simple reports that summarize key data points and trends relevant to their usage.

## 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 central dashboard area for displaying features and metrics, and a sidebar for navigation links.

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

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the main components**: Develop the layout components such as the Navbar, Sidebar, Dashboard, and Notification areas using functional components.
3. **Integrate the UI library**: Use shadcn/ui components to build out the UI elements such as buttons, cards, and forms.
4. **Implement authentication**: Add user registration and login functionality, using a secure method for storing user credentials.
5. **Develop automated features**: Create the backend logic to handle the automated services that the application will provide to users.
6. **Set up analytics and reporting**: Integrate basic analytics to track user interactions and display reports within the dashboard.
7. **Testing and Debugging**: Conduct thorough testing to ensure that all features function as intended and fix any identified issues.
8. **Deployment**: Deploy the application on a preferred hosting platform and ensure it is accessible to users.

## USER EXPERIENCE
Users will interact with the application through a straightforward registration process, followed by an intuitive dashboard that provides quick access to essential features. Notifications will keep users informed, and they can easily navigate through the application using the sidebar. The focus will be on ensuring that the application is responsive, providing a seamless experience across all devices.