Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to serve as a forecast income calculator for sales. It allows users to input various sales parameters and receive an estimated income forecast based on those inputs. The application is aimed at sales professionals and small business owners who want a straightforward tool to project their income.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to save their forecasts and access them later.
2. **Input Form**: A user-friendly form for entering sales data such as product price, estimated sales volume, and sales period.
3. **Forecast Calculation**: An algorithm that processes the input data to generate a detailed income forecast.
4. **Results Dashboard**: A visual representation of the forecast results, showing key metrics in an easily digestible format, including graphs and summary statistics.
5. **Export Functionality**: Options for users to download their forecasts as PDF or CSV files for offline use.
6. **Responsive Design**: A layout that adapts seamlessly across devices, ensuring usability on mobile and desktop.

## 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 layout will consist of a header with branding, a central input form, a results dashboard below the form, and a footer with contact information and links.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Authentication Module**: Implement user authentication using Firebase or a similar service.
3. **Design Input Form**: Build the input form component using Tailwind CSS for styling, ensuring accessibility and responsiveness.
4. **Implement Forecast Logic**: Develop the function that calculates the income forecast based on user inputs.
5. **Create Results Dashboard**: Design the results dashboard to visually represent the forecast data, utilizing charts and summary cards.
6. **Add Export Functionality**: Integrate libraries like jsPDF or FileSaver.js to allow users to download their forecasts.
7. **Ensure Responsiveness**: Test and refine the application for various screen sizes to ensure a consistent user experience.
8. **Deploy Application**: Use Vercel or Netlify for deployment, ensuring that user authentication and data management are functioning correctly.

## USER EXPERIENCE
Users will begin by signing up or logging into the application. Once authenticated, they will be presented with a clean input form where they can enter their sales information. Upon submission, the application will process the data and display the forecast results in an intuitive dashboard. Users can interact with the dashboard to view different metrics and can easily download their forecasts for further analysis. The minimalist design ensures that the application remains focused and user-friendly, allowing users to achieve their goals efficiently.