The dashboard retrieves and displays data from an external API source, offering a streamlined interface for users to access and analyze relevant information. It enhances data visibility and facilitates informed decision-making.
The project involves the development a dashboard using React, Typescript, and MaterialUI to efficiently present data from an external API. The architecture includes custom components such as Row, Column, and Button housed in the component folder. Data fetching is centralized in the Dashboard component, leveraging React's efficient state management. To maintain a global state across components, props drilling has been employed, ensuring seamless communication between different parts of the application. The design aspect incorporates custom CSS for a personalized look of buttons and tables, while the use of MaterialUI components, particularly for the Modal feature, enhances the overall user experience by adhering to modern design principles.
- React.js
- Typescript
- MaterialUI
- Axios
- react-toastify
npm install
npm start