Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

NotificationsYou must be signed in to change notification settings

batukaraman/react-typescript-dashboard

Repository files navigation

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 usingMaterial-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 thispage.

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 athttp://localhost:3000.

Technology Stack

  • TypeScript
  • Material UI
  • Recharts

Contact

If you have questions or feedback, please contactbatuhankaraman0@hotmail.com.

License

Licensed underMIT.

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp