Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based financial aggregator that combines information from major finance websites across the globe, including platforms from the USA and Israel. Its main purpose is to provide users with a comprehensive dashboard that consolidates market news, stock data, and financial insights into a single, user-friendly interface.

## CORE FEATURES
1. **Market Overview Dashboard**: Displays real-time stock prices, indices, and market trends aggregated from various finance websites.
2. **News Aggregation**: Curates and presents the latest financial news articles from major sources like Bloomberg, Reuters, and local Israeli sites in a clean, readable format.
3. **Customizable Watchlist**: Allows users to create and manage a personalized list of stocks they wish to track, with notifications for significant changes.
4. **Stock Comparison Tool**: Enables users to compare multiple stocks side-by-side, showcasing key metrics and historical performance.
5. **Search Functionality**: A robust search feature to find specific stocks, news articles, or financial data quickly.
6. **User Feedback System**: Collects user input to improve the platform and add features based on community demand.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasizes a clean and simple design with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A grid-based layout that organizes content into distinct sections such as Market Overview, News Feed, and Watchlist, allowing for intuitive navigation and easy access to information.
- **Typography**: Use sans-serif fonts for a modern look. Headings should be bold and larger, with body text in a standard size for clarity. Suggested fonts: "Inter" for body text and "Montserrat" for headings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS to facilitate responsive design and maintain a minimalist aesthetic.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the overall design language.
- **State Management**: Implement React Context API or Zustand for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Design Layout**: Create the main layout structure using Tailwind CSS, including sections for the dashboard, news aggregation, and watchlist.
4. **Create Core Components**: Develop individual components for the Dashboard, News Feed, Watchlist, and Stock Comparison Tool.
5. **Implement API Integrations**: Set up API calls to gather data from various finance websites and integrate them into the application.
6. **Add State Management**: Implement state management to handle user preferences, watchlists, and notifications.
7. **Optimize for Responsiveness**: Ensure that the design is responsive and adjusts seamlessly across different devices.
8. **User Testing**: Conduct user testing sessions to gather feedback on usability and make necessary adjustments.
9. **Deployment**: Deploy the application on a suitable platform (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
Users will have a streamlined experience as they land on the homepage, greeted by a clean dashboard that gives an overview of market movements and news. They can easily navigate to their watchlist, customize it, and receive updates on stocks of interest. The search functionality will allow them to quickly find specific information, while the news aggregation keeps them informed of the latest developments in the financial world. The overall design ensures that users can focus on important data without distractions, promoting an engaging and efficient financial research experience.