kasboi/mainstack

Mainstack Dashboard Project

Welcome to the Mainstack Dashboard project! This dashboard provides a user-friendly interface for monitoring balances, viewing transactions, and more.

Overview

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.

Features

• 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

Technologies Used

1. Vite + React: The project is built using Vite as the build tool and React for the user interface.
2. React-chartjs-2: Utilized for integrating interactive charts into the dashboard.
3. React-tooltip: Enhances user experience by providing tooltips for elements.
4. React-datepicker: Enables date selection functionality in the project.
5. Typescript: The entire codebase is written in TypeScript for better maintainability and type safety.

Getting Started

1. Clone the repository: git clone [repository_url]
2. Install dependencies: npm install
3. Start the development server: npm run dev

API Integration

Make sure to configure the API endpoints for retrieving balances and transactions in the corresponding files.

License

This project is licensed under the [LICENSE NAME] - see the LICENSE.md file for details.

Happy coding!