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.

Home Page:https://react-dashboard-batukaraman.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React & TypeScript Dashboard

Dashboard Mockup

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 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

Demo available on this page.

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
  1. Go to the project directory:
cd react-dashboard
  1. Install dependencies:
npm install
  1. 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 batuhankaraman0@hotmail.com.

License

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!

About

The first project I used Typescript. Very useful! I developed a dashboard using the data grid in MUI and Recharts charts.

https://react-dashboard-batukaraman.netlify.app/


Languages

Language:TypeScript 81.5%Language:SCSS 17.2%Language:HTML 1.3%