Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a fully functional stock trading web application designed to provide users with a simple and efficient platform for trading stocks, similar to popular apps like Robinhood and Freetrade. The application will focus on delivering a seamless user experience while offering essential features for stock trading, including account management, stock browsing, and execution of trades.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process, allowing users to create and manage their accounts.
2. **Stock Market Dashboard**: A user-friendly interface displaying real-time stock prices, market trends, and user portfolio performance.
3. **Trading Functionality**: Users can buy and sell stocks with a simple interface, including order types (market, limit).
4. **Watchlist**: Users can create and manage a watchlist of stocks they are interested in, receiving updates on price changes.
5. **Market News & Insights**: Aggregated news and analysis related to the stock market to help users make informed decisions.
6. **Transaction History**: A comprehensive log of all transactions made by the user, including buys, sells, and gains.

## 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 application will feature a top navigation bar for main navigation, a sidebar for additional options, and a central content area displaying the dashboard and trading functionalities.

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

## IMPLEMENTATION STEPS
1. **Setup Development Environment**:
   - Initialize a new React project with TypeScript.
   - Install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui, Redux or Context API).
   
2. **Create Project Structure**:
   - Organize folders for components, pages, and services (e.g., `src/components`, `src/pages`, `src/services`).

3. **Implement Authentication**:
   - Create user authentication components (login, signup).
   - Integrate authentication logic with a backend service (e.g., Firebase, Auth0).

4. **Build Stock Market Dashboard**:
   - Fetch stock data from a financial API (e.g., Alpha Vantage, IEX Cloud).
   - Display stock prices and trends in a visually appealing dashboard format.

5. **Develop Trading Functionality**:
   - Create components for buying and selling stocks.
   - Implement order processing logic and integrate with a backend service.

6. **Add Watchlist and News Features**:
   - Allow users to add stocks to a watchlist with notifications for price changes.
   - Implement a news feed component that aggregates stock market news.

7. **Testing and Deployment**:
   - Conduct thorough testing, including unit and integration tests.
   - Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will experience a streamlined onboarding process with easy account setup. The dashboard will provide a clear overview of their portfolio and market trends, allowing for quick access to trading features. The watchlist will enable users to track their favorite stocks, while the news section will keep them informed. Throughout the application, responsive design principles will ensure that users have a consistent experience across devices.