About the project
Description
This is an interactive 'Investment Portfolio Management Dashboard' application, solving the challenge of visualizing complex financial data and providing full CRUD (Create, Read, Update, Delete) tools for asset management. I built this using the core technology React.js with TypeScript for code quality, and Tailwind CSS for a responsive, clean UI. The project highlights the effective integration of libraries like Recharts for dynamic charts and Axios for API interaction (simulated via JSON Server), successfully mimicking a real-world financial application environment.
Notes
- Technical Note: The project demonstrates proficiency in setting up a modern development environment using Vite and TypeScript.
- Technical Challenge (In Progress): There is an unexpected issue causing the page to reload when performing add, edit, or delete operations, despite using react-hook-form. I am currently investigating the cause, likely related to State Management or preventing the default form action.
Tech Stack
ReactTypeScriptTailwind CSSReact hook formAxiosjson-serverRechartsReact Routerdate-fnsReact hot toastYarn