This project is a simple test project using React and TypeScript. My main goal is to bring technologies like React, Material-UI and Recharts together to show how it works and to build a foundation for bigger and more complex projects in the future.
- Data Grid: The data grid created using Material-UI allows you to easily visualize and organize your data.
- Graphics: Recharts powered charts offer a visually effective way to understand and monitor your data.
- TypeScript Support: The project is written in TypeScript and will help you make your code more secure.
Demo available on this page.
-
Modular Structure: The project offers a modular foundation for blog sites, e-commerce platforms and other similar web applications. Each module is designed to meet different business requirements and can be easily integrated.
-
Backend Infrastructure: In the future, this frontend project will be integrated with a backend infrastructure. In this way, users will be able to easily use all the backend functions required for web applications such as database management, user authentication and server-based operations.
-
Comprehensive Solution: The project provides an adaptable and extensible solution for a wide range of web application types. It can be used for blogs, e-commerce sites, personal portfolios and more.
- Clone this project on your computer:
git clone https://github.com/batukaraman/react-dashboard.git
- Go to the project directory:
cd react-dashboard- Install dependencies:
npm install
- Start the project:
npm start
The project should now be up and running at http://localhost:3000.
- TypeScript
- Material UI
- Recharts
If you have questions or feedback, please contact [email protected].
Licensed under MIT.
This project may only be created as a test project and I plan to add more features and improvements in the future. Star this repository to stay tuned and don't miss updates!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent