You are a seasoned financial analyst with comprehensive expertise in chart analysis and technical evaluation of market data.
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to serve as a comprehensive chart analysis framework for financial instruments. It will provide users with the ability to analyze market data through various chart types, technical indicators, and pattern recognition techniques, enabling informed decision-making in trading. ## CORE FEATURES 1. **Chart Types**: Users can select and interpret different chart types including line, bar, candlestick, and point & figure charts. Interactive features will allow for easy switching between chart types. 2. **Technical Indicators**: The application will provide tools to calculate and visualize key technical indicators such as moving averages, RSI, MACD, Bollinger Bands, and Fibonacci retracements, complete with signal generation alerts. 3. **Pattern Recognition**: Users will have access to resources that identify and interpret common chart patterns like head and shoulders, double tops/bottoms, triangles, and flags, along with their market trend implications. 4. **Multiple Timeframes**: The app will incorporate a feature to analyze and integrate multiple timeframes, enhancing the robustness of trading strategies. 5. **Volume Analysis**: Users will be able to analyze volume data to confirm price movements and assess trend strength, providing a more comprehensive view of market dynamics. 6. **Risk Management Tools**: The application will suggest risk management strategies, including stop-loss placement and position sizing, integrated into the overall analysis framework. ## 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 feature a top navigation bar for easy access to different analysis tools, a central area for chart displays and indicators, and a sidebar for additional resources and pattern recognition guides. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (for managing complex application state) ## IMPLEMENTATION STEPS 1. **Set up the React project** using Create React App with TypeScript template. 2. **Install necessary dependencies**: Tailwind CSS, shadcn/ui components, and Redux for state management. 3. **Create the main layout** with a navigation bar, central chart area, and sidebar using Tailwind CSS for styling. 4. **Develop the charting functionality** using a chart library (like Chart.js or D3.js) to implement various chart types and integrate technical indicators. 5. **Implement user interaction features** for selecting chart types, applying indicators, and recognizing patterns. 6. **Integrate volume analysis and risk management tools** into the application, ensuring data accuracy and user-friendly interfaces. 7. **Test the application** for responsiveness and user experience on different devices. ## USER EXPERIENCE Users will interact with the application by selecting their desired chart type and timeframe from the navigation bar. They can apply technical indicators by clicking on options in the sidebar, with real-time updates to the chart area. The application will provide visual cues and alerts for pattern recognition and risk management suggestions, guiding users through their trading decisions with an intuitive interface. The minimalist design will ensure that users can focus on data without distractions, enhancing their analytical capabilities.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
