Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with real-time, high-accuracy trading signals. It serves as a signal generator that analyzes market data and delivers actionable insights to traders, enhancing their decision-making processes. The application aims to create a streamlined and efficient experience for users looking to capitalize on trading opportunities.

## CORE FEATURES
1. **Real-Time Signal Generation**: Analyzes market data continuously to provide users with accurate trading signals based on various technical indicators.
2. **User Dashboard**: A personalized dashboard where users can view their trading signals, historical performance, and analytics.
3. **Customizable Alerts**: Users can set up alerts based on specific criteria, ensuring they never miss a trading opportunity.
4. **Market Analysis Tools**: Integrated tools that allow users to analyze market trends and backtest trading strategies.
5. **User Authentication**: Secure login and registration system to protect user data and preferences.
6. **Responsive Design**: Ensures the application is accessible and functional on various devices, from desktops to mobile phones.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on user content and interaction without distractions.
- **Color Mode**: Light theme featuring dark text on light backgrounds, ensuring maximum readability and a pleasant viewing experience.
- **Layout**: A single-page layout with a fixed header for navigation, a main section for the dashboard, and modals for alerts and settings. The layout emphasizes simplicity and ease of navigation.
- **Typography**: Use sans-serif fonts such as 'Roboto' or 'Open Sans' for clean readability. Headings should be bold for emphasis, while body text should maintain a regular weight for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and better maintainability.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components that align with the minimalist design ethos.
- **State Management**: Consider using React Context API or Zustand for managing global state effectively.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (e.g., Tailwind CSS, shadcn/ui).
2. **Design the Layout**: Create the main layout structure, including the header and dashboard sections, utilizing Tailwind CSS for styling.
3. **Implement User Authentication**: Set up authentication using a secure method (e.g., JWT or OAuth) to manage user login and registration.
4. **Develop Real-Time Signal Generation**: Integrate APIs for fetching market data and implement the logic for signal generation based on user-defined criteria.
5. **Build the Dashboard**: Create the dashboard page where users can see their signals and historical data, using appropriate state management.
6. **Add Customizable Alerts**: Implement a settings modal where users can configure their alert preferences and receive notifications.
7. **Test and Optimize**: Conduct thorough testing across devices and browsers to ensure responsive design and overall performance.

## USER EXPERIENCE
The user experience is centered around a seamless and intuitive interface. Upon logging in, users will be greeted with their personalized dashboard displaying the latest trading signals and performance metrics. The alert system will notify users of significant trading opportunities, while the market analysis tools will allow them to delve deeper into data, fostering informed trading decisions. The minimalist design ensures that users can navigate effortlessly without distractions, enhancing their overall engagement with the application.