Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based platform designed to assist users with cryptocurrency trading. It aims to provide a clean, intuitive interface that simplifies the trading process, offers real-time data, and enhances decision-making through insightful analytics and user-friendly tools. 

## CORE FEATURES
1. **Real-Time Market Data**: Display live prices, trends, and market statistics for various cryptocurrencies, allowing users to make informed decisions.
2. **Portfolio Tracker**: Enable users to manage and track their cryptocurrency investments, including profit/loss calculations and visual performance graphs.
3. **Trade Execution**: Provide a simple interface for users to execute buy and sell orders, with options for limit and market orders.
4. **Alerts and Notifications**: Allow users to set custom alerts for price changes, market movements, or significant news affecting their investments.
5. **Educational Resources**: Offer tutorials, articles, and videos on cryptocurrency trading strategies, market analysis, and risk management.
6. **User Authentication**: Implement secure login and registration processes to protect user accounts and data.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on a clean, simple layout. Utilize ample white space to enhance readability, and incorporate a cohesive, minimal color palette that emphasizes functionality.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast for readability and a pleasant user experience.
- **Layout**: The main layout should consist of a top navigation bar, a sidebar for quick access to features, and a central content area for displaying market data, user portfolio, and trade execution forms.
- **Typography**: Use a modern sans-serif font (e.g., Inter or Roboto) for headings and body text, ensuring clear hierarchy with larger sizes for headings and consistent spacing for paragraphs.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure robust and scalable development.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Implement Zustand or Redux for effective state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Develop the main layout with a top navigation bar, sidebar, and central content area using Tailwind CSS classes for spacing and responsiveness.
3. **Implement Core Features**: 
   - Integrate real-time market data using a cryptocurrency API (e.g., CoinGecko).
   - Build the portfolio tracker functionality, allowing users to input their holdings and visualize performance.
   - Develop the trade execution interface, ensuring it includes necessary input fields and buttons for executing trades.
4. **Add User Authentication**: Implement user authentication using Firebase or Auth0 for secure login and registration features.
5. **Set Up Alerts and Notifications**: Utilize frontend notifications to inform users of price changes and other updates.
6. **Design Educational Resources Section**: Create a dedicated area for tutorials and articles, incorporating a searchable interface for easy navigation.
7. **Conduct Testing**: Perform thorough testing to ensure functionality and responsiveness across different devices and screen sizes.

## USER EXPERIENCE
The application should provide an intuitive user experience, guiding users through the trading process efficiently. Key interactions include:
- **Dashboard Navigation**: Users can easily switch between different sections (market data, portfolio, trade execution) using the sidebar.
- **Real-Time Updates**: Users receive instant updates on market data and alerts, enabling timely decision-making.
- **Seamless Trade Execution**: The trade execution process should be streamlined, with clear confirmation messages and visual feedback to enhance user confidence.
- **Educational Engagement**: Users can access resources to improve their trading knowledge, promoting a deeper understanding of the market dynamics.

This minimalist web application focuses on delivering a clean and efficient trading experience, aligning perfectly with the user's vision while ensuring a responsive and user-friendly interface.