Utilising a design from Figma community building this dashboard was a project to test my front-end skills and gain experience with MUI and responsive CSS styling. The design didn't provide any assets so all features were implemented using MUI or custom-built components.
- npm 8+
- Node.js 16+
- Clone the repo:
git clone https://github.com/finnformica/financial-dashboard.git- Install the requirements:
npm install- Start the server and run the application:
npm run dev- Navigate to
localhost:3000
- Single Page Application
- React.js
- Static site generation using Next.js
- Candlestick chart loaded with JSON data
- Responsive grid layout
- Dark theme toggle with transition
- Implement trade page with Limit Order Book and spread chart
- Connect the front-end to a source of data to update the prices and portfolio values real-time