Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Quotex OTC Live Market Scanner

## APPLICATION OVERVIEW
The Quotex OTC Live Market Scanner is a web application designed for real-time monitoring of OTC market pairs. It provides users with live price updates, market trends, and next-candle predictions, ensuring traders have access to dynamic and accurate market data without the presence of fake signals.

## CORE FEATURES
1. **Real-Time Market Data**: Displays live prices for all supported OTC pairs from a connected data source, ensuring users only see current data.
2. **Next-Candle Prediction**: For each OTC pair, generates a prediction for the next candle (UP or DOWN) with a countdown timer.
3. **Trend Analysis**: Shows the current market trend for each pair (BULLISH or BEARISH) along with confidence levels.
4. **Search Functionality**: Allows users to search for specific OTC pairs quickly.
5. **Auto-Refresh**: Automatically refreshes market data at set intervals to keep information up-to-date.
6. **Signal History**: Provides a historical log of past signals for user reference.

## 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 main layout will consist of a header with navigation, a main dashboard displaying the market data in a grid format, and sections for trend analysis, search, and signal history.

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

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Create a new React project with TypeScript and install required dependencies including Tailwind CSS, shadcn/ui, and any needed state management libraries.
2. **Design the UI**: Build the main layout with a header, dashboard area, and sections for market data and signals using Tailwind CSS for styling.
3. **Integrate real-time data**: Connect to the appropriate API to fetch live OTC market data and implement auto-refresh functionality.
4. **Implement next-candle prediction**: Create the logic for generating predictions based on real-time data, including the countdown feature.
5. **Add search functionality**: Enable users to search through available OTC pairs dynamically.
6. **Implement error handling**: Ensure that if live data is unavailable, the application displays "DATA UNAVAILABLE — NO TRADE" without generating fake signals.

## USER EXPERIENCE
Users will interact with a clean, minimalist dashboard that provides a clear overview of the market. They can quickly search for pairs, view live data, and receive real-time predictions, all while being assured that the displayed information is accurate and up-to-date. The auto-refresh feature will ensure that users have the most current information, enhancing their trading decisions. The countdown for next-candle predictions will engage users in the market dynamics effectively.