Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based investment management platform designed to help users track and manage their investment portfolios effectively. It aims to provide intuitive tools for analyzing performance, making informed decisions, and optimizing investment strategies.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process for users to create and manage their accounts.
2. **Portfolio Dashboard**: An interactive dashboard displaying users' investment portfolios, including current values, gains/losses, and asset allocation.
3. **Investment Analysis Tools**: Features that allow users to analyze their investments, including charts, performance metrics, and comparison tools.
4. **Market Insights**: Real-time updates on market trends, news, and insights to inform user investment decisions.
5. **Goal Tracking**: A feature enabling users to set financial goals and track their progress towards achieving them.
6. **Notifications and Alerts**: Customizable notifications to inform users about significant market changes or portfolio performance updates.

## 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 to ensure readability and a fresh aesthetic.
- **Layout**: A responsive layout with a main navigation bar at the top, a sidebar for additional options, and a central content area for the dashboard and features. Utilize grid and flexbox for a clean arrangement of components.
- **Typography**: Use sans-serif fonts like 'Inter' or 'Roboto' for a modern look, with a clear hierarchy (H1 for headings, H2 for subheadings, and regular text for body).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and better development experience.
- **Styling**: Tailwind CSS for utility-first styling that promotes a consistent and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalistic design principles.
- **State Management**: Consider using Zustand or Redux for managing application state if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React application with TypeScript support using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary state management libraries.
3. **Create User Authentication**: Implement sign-up and login components with form validation and error handling.
4. **Build the Portfolio Dashboard**: Design the dashboard layout and integrate it with state management to display user data.
5. **Develop Investment Analysis Tools**: Create graphs and metrics components using libraries like Chart.js or Recharts.
6. **Integrate Market Insights**: Use APIs to fetch real-time market data and display it within the application.
7. **Implement Goal Tracking**: Develop components that allow users to set and monitor their financial goals.
8. **Set Up Notifications and Alerts**: Implement a notification system that can send alerts based on user-defined criteria.
9. **Test the Application**: Conduct thorough testing of all features, ensuring responsiveness and user experience.
10. **Deploy the Application**: Use platforms like Vercel or Netlify to deploy the application for public access.

## USER EXPERIENCE
Users will start by easily signing up or logging into their accounts. Upon entering the dashboard, they will be greeted with an overview of their portfolio and key performance indicators. Interactive charts will allow them to explore their investments while market insights provide timely information to support decision-making. Users can set financial goals and receive notifications, creating a seamless and engaging experience that encourages proactive investment management.