Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/batukaraman/react-typescript-dashboard
The first project I used Typescript. Very useful! I developed a dashboard using the data grid in MUI and Recharts charts.
https://github.com/batukaraman/react-typescript-dashboard
dashboard react react-dashboard reactjs reactjs-dashboard typescript
Last synced: 19 days ago
JSON representation
The first project I used Typescript. Very useful! I developed a dashboard using the data grid in MUI and Recharts charts.
- Host: GitHub
- URL: https://github.com/batukaraman/react-typescript-dashboard
- Owner: batukaraman
- Created: 2023-08-22T20:08:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-08T02:02:10.000Z (over 1 year ago)
- Last Synced: 2023-10-09T02:32:47.860Z (over 1 year ago)
- Topics: dashboard, react, react-dashboard, reactjs, reactjs-dashboard, typescript
- Language: TypeScript
- Homepage: https://react-dashboard-batukaraman.netlify.app/
- Size: 80.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React & TypeScript Dashboard
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.
## Özellikler
- **Data Grid**: The data grid created using [Material-UI](https://material-ui.com/) allows you to easily visualize and organize your data.
- **Graphics**: [Recharts](http://recharts.org/) 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
Demo available on this [page](https://react-dashboard-batukaraman.netlify.app).
## Goals
1. **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.
2. **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.
3. **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.
## Quick start
1. Clone this project on your computer:
```
git clone https://github.com/batukaraman/react-dashboard.git
```
2. Go to the project directory:
```bash
cd react-dashboard
```
3. Install dependencies:
```
npm install
```
4. Start the project:
```
npm start
```
The project should now be up and running at http://localhost:3000.
## Technology Stack
- TypeScript
- Material UI
- Recharts
## Contact
If you have questions or feedback, please contact [[email protected]](mailto:[email protected]).
## License
Licensed under [MIT](LICENSE).
> 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!