Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to serve as a binary trading signal platform. Its primary purpose is to offer users real-time trading signals, analytics, and insights, helping them make informed trading decisions. The platform will feature an intuitive interface that focuses on user experience, ensuring ease of navigation and interaction.

## CORE FEATURES
1. **Real-Time Trading Signals**: Users receive instant alerts on trading opportunities based on market analysis.
2. **Market Analytics Dashboard**: A comprehensive dashboard displaying key metrics, historical data, and performance analytics for various assets.
3. **User Authentication**: Secure sign-up and login processes for users to access personalized features and saved settings.
4. **Trade Execution Integration**: Connect with broker APIs to allow users to execute trades directly from the platform.
5. **User Profile Management**: Users can manage their profiles, settings, and preferences to customize their trading experience.
6. **Educational Resources**: Access to tutorials, articles, and videos that help users understand binary trading concepts and strategies.

## 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 responsive grid layout that adjusts to various screen sizes, featuring a top navigation bar, a main content area for the dashboard, and a sidebar for quick access to signals and resources.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Folder Structure**: Organize the project into components, pages, and services for better maintainability.
3. **Implement User Authentication**: Set up authentication using a service like Firebase or Auth0 to manage user accounts securely.
4. **Build the Dashboard Layout**: Create the main dashboard layout with a responsive grid, integrating Tailwind CSS for styling.
5. **Develop the Trading Signals Feature**: Fetch and display trading signals in real-time using a market data API.
6. **Integrate Trade Execution**: Connect to broker APIs to allow users to execute trades within the platform.
7. **Add Educational Resources**: Create a section for tutorials and articles to enhance user knowledge.
8. **Test the Application**: Conduct thorough testing for usability, performance, and security before deployment.

## USER EXPERIENCE
The application will provide a seamless user experience, allowing users to easily navigate between different sections such as the dashboard, trading signals, and educational resources. Key interactions include receiving real-time alerts, executing trades with minimal steps, and accessing personalized content through their user profiles. The responsive design ensures that users can access the platform from various devices, maintaining functionality and usability across all screen sizes.