CodingTextIntermediate

Investment Tracking Dashboard

Develop a comprehensive investment tracking dashboard application using React and JavaScript, showcasing portfolio performance, asset allocation, and investment growth, supporting stocks, bonds, and mutual funds with data visualization tools.

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

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.

Use Cases

Individual investors tracking portfoliosFinancial advisors showcasing client performanceFinancial analysts monitoring asset allocation

Reference Output

A responsive investment dashboard with total portfolio value, asset allocation pie chart, growth line chart, real-time updates, and mobile accessibility.

Scoring Rubric

1. Feature completeness: Are all required investment types tracked?\n2. Data visualization: Are charts clear and accurately representing data?\n3. Responsiveness: Does it perform well across devices?\n4. Coding practices: Are secure and efficient coding practices used?