Builds a React investment tracking dashboard with charts and tracking features.
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.This prompt directs the AI to develop a full investment tracking application in React and JavaScript. It produces code for a responsive dashboard displaying portfolio performance, asset allocation, growth trends, and support for stocks, bonds, and mutual funds. Real-time updates, data visualizations, and secure coding practices are included.
Replace these parts of the prompt with your own details.
The AI returns React component code with a sidebar menu, interactive line and pie charts for performance and allocation, and forms to add new stock or bond holdings.
Yes, update the ${framework} variable before sending the prompt.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by keremtekfb96@gmail.com. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.