Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "quotex bot live" is a minimalist web application designed to provide users with real-time insights and data from the Quotex trading platform. The main purpose is to create a clean and intuitive interface that allows users to interact with trading bots, view live data, and make informed trading decisions.

## CORE FEATURES
1. **Live Trading Data**: Display real-time market data and analytics sourced from Quotex, allowing users to track price movements and trends.
2. **Trading Bot Integration**: Enable users to connect and configure their trading bots for automated trading strategies.
3. **User Dashboard**: A personalized dashboard that summarizes user activity, including current trades, bot performance, and market analysis.
4. **Notifications & Alerts**: Provide users with alerts on significant market changes or bot performance metrics through notifications.
5. **User Account Management**: Allow users to create accounts, manage profiles, and set preferences for their trading experience.
6. **Help & Support Section**: An accessible section for user assistance, featuring FAQs, contact forms, and live chat support.

## 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 top navigation bar, a central content area for the dashboard, and a footer. The dashboard will utilize cards to display different features and data points, maintaining a grid layout for organization.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up the React Application**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components. Also, install Redux or Context API for state management if needed.
3. **Create the Main Layout**: Develop the main layout with a header, footer, and central dashboard area. Use Tailwind CSS for responsive design.
4. **Implement Core Features**:
   - **Live Trading Data**: Integrate APIs to fetch and display live data.
   - **Trading Bot Integration**: Create forms for users to connect their bots and configure settings.
   - **User Dashboard**: Build the dashboard to show user-specific data and metrics.
   - **Notifications**: Set up a notification system for alerts.
   - **Account Management**: Implement user authentication and profile management.
   - **Support Section**: Develop a help section with FAQs and contact forms.
5. **Test the Application**: Conduct thorough testing to ensure all features work as intended and that the user experience is smooth.
6. **Deploy the Application**: Deploy the application to a hosting service (e.g., Vercel or Netlify).

## USER EXPERIENCE
Users will begin their journey on the landing page where they can easily sign up or log in to their accounts. Once logged in, they will be taken to their personalized dashboard, where they can view live data, manage their trading bots, and receive alerts. The intuitive design and straightforward navigation will enhance user engagement and make trading accessible to users of all experience levels.