Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to connect with Google Sheets, enabling users to manage the financial affairs of their colleagues efficiently. The primary purpose is to provide a straightforward interface for users to generate reports as needed, ensuring a streamlined financial management process.

## CORE FEATURES
1. **Google Sheets Integration**: Seamlessly connect to Google Sheets to automate the import and export of financial data.
2. **Financial Dashboard**: A clear, visual representation of key financial metrics with charts and graphs, allowing users to quickly assess data.
3. **Custom Report Generation**: Users can create and customize reports based on selected criteria, making it easy to extract the necessary information.
4. **User Authentication**: Secure login and user management to ensure that only authorized personnel have access to sensitive financial information.
5. **Data Entry Forms**: Simple forms for users to input financial data, ensuring accuracy and consistency.
6. **Notifications**: Automated alerts for important financial updates or anomalies detected in the data.

## 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 feature a top navigation bar for easy access to different sections, a sidebar for quick navigation links, and a central content area for displaying dashboards and reports.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or any preferred state management solution)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any necessary libraries for Google Sheets integration.
3. **Implement Authentication**: Set up user authentication using a library like Firebase or Auth0.
4. **Create UI Components**: Develop reusable components such as buttons, forms, and dashboard elements using Tailwind CSS.
5. **Integrate Google Sheets API**: Set up API calls to fetch and send data to Google Sheets.
6. **Develop the Dashboard**: Design the dashboard layout, including charts and financial summaries.
7. **Implement Report Generation**: Create functionality for users to generate custom reports and download them in various formats.
8. **Testing**: Conduct thorough testing to ensure all features work as intended and the application is user-friendly.
9. **Deployment**: Deploy the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency. Users will log in to access their personalized dashboard, where they can view financial summaries at a glance. They can navigate through the sidebar to access different sections, such as entering new data or generating reports. The design will prioritize clarity, ensuring that users can quickly find the information they need without distraction. Responsive design principles will be applied to ensure usability across various devices.