Quiero que construyas una APP de “Trading Journal + Dashboard de Performance” conectada a Google Sheets o Airtable, con las siguientes...
Generated Prompt
## APPLICATION OVERVIEW This project involves building a comprehensive web application for a “Trading Journal + Performance Dashboard” that integrates with Google Sheets or Airtable. The main purpose is to allow users to meticulously log their trades and visualize performance metrics, focusing on profitability, risk management, consistency, and psychological aspects of trading, across both mobile and desktop platforms. ## CORE FEATURES 1. **Trade Logging**: Users can record detailed information for each trade, including entry and exit dates, asset details, market conditions, and emotional state, ensuring comprehensive tracking of their trading activities. 2. **Performance Dashboard**: A visual dashboard that displays key metrics such as net profit, ROI, win rates, risk assessment, and psychological discipline, with dynamic charts and graphs to illustrate trading performance over time. 3. **Post-Mortem Analysis**: A dedicated view for analyzing individual trades, showcasing maximum adverse excursion (MAE), maximum favorable excursion (MFE), and adherence to trading plans, along with user notes and charts. 4. **Risk Management**: Built-in validations to ensure trades are entered within user-defined risk parameters, including alerts for high-risk conditions and mandatory stop-loss entries. 5. **Data Export/Import**: Functionality to export trade data to CSV/Excel formats and import historical trades, ensuring seamless data management and reporting. 6. **User Interface Customization**: Options for dark mode and mobile-first design, ensuring usability across devices with sticky filters and tooltips for enhanced user guidance. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space and a minimal color palette, focusing on clear typography for readability. - **Color Mode**: Light theme with dark text on light backgrounds to enhance the user experience. - **Layout**: The main layout will feature a top navigation bar, followed by a hero section for quick trade logging, a central performance dashboard, and separate sections for analysis views. Key metrics will be displayed in card format at the top. - **Typography**: Use a sans-serif font for a modern look, with larger headings for key sections and smaller body text for detailed information. Maintain a clear hierarchy with bold for emphasis. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and component-based architecture. - **Styling**: Tailwind CSS for utility-first styling, enabling rapid UI development. - **UI Components**: Utilize shadcn/ui for pre-built components to speed up the design process. - **State Management**: Use React's Context API or Redux if needed for managing application state effectively. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize the React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui). 2. **Create Component Structure**: Develop components for the trade logging form, dashboard, analysis views, and navigation bar. 3. **Implement Trade Logging**: Build the form to capture trade details, ensuring validation rules are enforced. 4. **Develop the Dashboard**: Integrate charts and metrics using a charting library (e.g., Chart.js or Recharts) to visualize performance data. 5. **Set Up Data Management**: Implement functions for exporting to CSV/Excel and importing historical trade data. 6. **Finalize UI/UX**: Refine the design based on user feedback, ensuring mobile responsiveness and accessibility. ## USER EXPERIENCE Users will enjoy an intuitive interface where they can easily log trades through a straightforward form with validation checks. The dashboard will provide immediate visual feedback on their performance metrics, while users can navigate through detailed analysis views for each trade. The application will prompt users to adhere to risk management practices, enhancing their trading discipline and overall experience. The light theme will ensure clarity and focus on the data presented.
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!
