Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application focused on personal finance and investment recommendations for clients. The app will provide users with weekly insights and tailored advice to help them manage their finances effectively. The minimalist design will ensure a user-friendly experience, allowing clients to easily access valuable information.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login for clients to manage their profiles and receive personalized recommendations.
2. **Weekly Recommendations**: Automated weekly insights delivered to users based on their financial goals and investment interests.
3. **Dashboard**: A clean and intuitive dashboard displaying financial summaries, recent recommendations, and actionable insights.
4. **Resource Library**: Access to articles, videos, and other resources on personal finance and investment strategies.
5. **Client Feedback**: A feature for clients to provide feedback on recommendations, which will help improve the personalization of future insights.
6. **Notifications**: Alerts and reminders for upcoming recommendations or important financial dates.

## 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**: A single-page layout with a top navigation bar, followed by the dashboard section, resource library, and user feedback area, all organized in a clear and accessible manner.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Redux or Context API as needed for managing user state and recommendations.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Authentication Module**: Implement user authentication using Firebase or Auth0 for secure sign-up and login processes.
3. **Design Dashboard**: Build a dashboard component that displays user financial summaries and recent recommendations using Tailwind CSS for styling.
4. **Integrate Recommendation System**: Develop a backend service (Node.js/Express) to generate personalized recommendations based on user profiles.
5. **Resource Library Development**: Create a section for articles and videos, utilizing a simple database to store and retrieve resources.
6. **Implement Notifications**: Set up a notification system using browser notifications or in-app alerts to keep users informed of new recommendations and important dates.
7. **Feedback System**: Create a feedback form where users can submit their thoughts on recommendations which will be stored for future analysis.

## USER EXPERIENCE
Users will begin their journey with a straightforward sign-up or login process. Once authenticated, they will land on the dashboard, which provides a clear overview of their finances and personalized recommendations. The minimalist design ensures that users can navigate seamlessly between sections, such as the resource library and feedback submission. Notifications will keep users engaged and informed, making the experience both informative and interactive. The focus on a clean interface enhances usability and encourages clients to return for regular insights.