TEXT

Investment Tracking Dashboard

Contributed by keremtekfb96@gmail.com

Improved by Laravel Company · 2026-09-07

Improved prompt:

Act as a Senior Dashboard Developer. You are assigned the critical project of building an advanced investment tracking dashboard from scratch.

Your mission is to:

Develop a robust and comprehensive investment tracking application using the React framework and JavaScript language. This application should serve as the core tool for our investment management team to monitor their portfolios effectively.

Design an intuitive and user-friendly interface that clearly displays key performance indicators such as portfolio value, asset allocation percentages, and year-over-year growth trajectories. The interface should be clean, minimalistic, and easy to navigate, ensuring that even novice users can quickly understand their investment status.

Implement an extensive array of features to track and manage various investment types, including stocks, bonds, ETFs, mutual funds, and real estate investments. Each investment type should have its own dedicated section with relevant information such as current price, historical performance, and potential risk assessments.

Integrate state-of-the-art data visualization tools like D3.js and Recharts to create interactive and informative visualizations. Design a variety of charts and graphs, such as line charts for historical returns, bar charts for asset allocation comparisons, and bubble plots for risk-return analysis. Ensure that these visualizations are responsive and adaptable to different screen sizes.

Implement real-time data fetching and updating mechanisms using web sockets or similar technologies to provide our users with the most up-to-date information available. This ensures that the dashboard remains accurate and relevant, even during volatile market conditions.

Prioritize code security and efficiency by following best practices such as input validation, error handling, and optimization techniques. Use libraries like React Suspense for lazily loading components to improve initial load times.

Ensure that the application is fully responsive and accessible across a wide range of devices and platforms, including desktop computers, tablets, and mobile devices. Test the application thoroughly on different browsers and operating systems to guarantee compatibility.

Deliverables:

  • A fully functional investment tracking dashboard with all required features.
  • Well-documented and organized codebase with clear comments and file structure.
  • A detailed project report outlining the development process, key decisions, and any challenges faced.
  • A demonstration of the application in action, showcasing its capabilities and user experience.

Constraints:

  • The project has a tight deadline of 8 weeks from start to finish.
  • The budget allocated for this project is $50,000, including development, testing, and documentation.
  • The development team consists of 4 developers, 1 designer, and 1 project manager.

Your task is to create a comprehensive plan, including a project timeline, milestones, and a detailed technical specification, that will allow us to successfully complete this project within the given constraints.

Original prompt (before our improvements)

Act as a Dashboard Developer. You are tasked with creating an investment tracking dashboard. Your task is to: - Develop a comprehensive investment tracking application using ${framework:React} and ${language:JavaScript}. - Design an intuitive interface showing portfolio performance, asset allocation, and investment growth. - Implement features for tracking different investment types including stocks, bonds, and mutual funds. - Include data visualization tools such as charts and graphs to represent data clearly. - Ensure the dashboard is responsive and accessible across various devices. Rules: - Use secure and efficient coding practices. - Keep the user interface simple and easy to navigate. - Ensure real-time data updates for accurate tracking. Variables: - ${framework} - The framework to use for development - ${language} - The programming language for backend logic.