Welcome to the Mainstack Dashboard project! This dashboard provides a user-friendly interface for monitoring balances, viewing transactions, and more.
The Mainstack Dashboard consists of a fixed navbar, sidebar, a chart on the left, and balance information on the right. The balances are retrieved via API calls. Additionally, there is a transaction list that can be filtered using a modal.
- Fixed navbar and sidebar for easy navigation
- Dropdown options in the navbar, including 'Apps'
- Left-side chart and right-side balance display
- Transaction list with filtering capabilities through a modal
- Vite + React: The project is built using Vite as the build tool and React for the user interface.
- React-chartjs-2: Utilized for integrating interactive charts into the dashboard.
- React-tooltip: Enhances user experience by providing tooltips for elements.
- React-datepicker: Enables date selection functionality in the project.
- Typescript: The entire codebase is written in TypeScript for better maintainability and type safety.
- Clone the repository:
git clone [repository_url]
- Install dependencies:
npm install
- Start the development server:
npm run dev
Make sure to configure the API endpoints for retrieving balances and transactions in the corresponding files.
This project is licensed under the [LICENSE NAME] - see the LICENSE.md file for details.
Happy coding!