{"id":23430127,"url":"https://github.com/batukaraman/react-typescript-dashboard","last_synced_at":"2025-10-30T12:30:59.061Z","repository":{"id":190048252,"uuid":"681812166","full_name":"batukaraman/react-typescript-dashboard","owner":"batukaraman","description":"The first project I used Typescript. Very useful! I developed a dashboard using the data grid in MUI and Recharts charts.","archived":false,"fork":false,"pushed_at":"2023-10-08T02:02:10.000Z","size":82,"stargazers_count":9,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-23T08:16:22.165Z","etag":null,"topics":["chart","css","dashboard","data-grid","html","material-ui","mui","react","react-dashboard","reactjs","reactjs-dashboard","recharts","scss","typescript"],"latest_commit_sha":null,"homepage":"https://react-dashboard-batukaraman.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/batukaraman.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-22T20:08:06.000Z","updated_at":"2024-11-02T12:09:24.000Z","dependencies_parsed_at":"2023-08-23T02:45:55.397Z","dependency_job_id":"d24562b4-98ca-454b-8e53-94d0b8db4fcb","html_url":"https://github.com/batukaraman/react-typescript-dashboard","commit_stats":null,"previous_names":["batukaraman/react-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/batukaraman%2Freact-typescript-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/batukaraman%2Freact-typescript-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/batukaraman%2Freact-typescript-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/batukaraman%2Freact-typescript-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/batukaraman","download_url":"https://codeload.github.com/batukaraman/react-typescript-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238962775,"owners_count":19559540,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chart","css","dashboard","data-grid","html","material-ui","mui","react","react-dashboard","reactjs","reactjs-dashboard","recharts","scss","typescript"],"created_at":"2024-12-23T08:15:49.482Z","updated_at":"2025-10-30T12:30:58.684Z","avatar_url":"https://github.com/batukaraman.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# React \u0026 TypeScript Dashboard\n\n![Dashboard Mockup](https://gcdnb.pbrd.co/images/hWFN0SFxBBH1.png)\n\nThis 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.\n\n## Özellikler\n\n- **Data Grid**: The data grid created using [Material-UI](https://material-ui.com/) allows you to easily visualize and organize your data.\n- **Graphics**: [Recharts](http://recharts.org/) powered charts offer a visually effective way to understand and monitor your data.\n- **TypeScript Support**: The project is written in TypeScript and will help you make your code more secure.\n\n## Demo\n\nDemo available on this [page](https://react-dashboard-batukaraman.netlify.app).\n\n## Goals\n\n1. **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.\n\n2. **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.\n\n3. **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.\n\n## Quick start\n\n1. Clone this project on your computer:\n```\ngit clone https://github.com/batukaraman/react-dashboard.git\n```\n\n2. Go to the project directory:\n```bash\ncd react-dashboard\n```\n\n3. Install dependencies:\n```\nnpm install\n```\n\n4. Start the project:\n```\nnpm start\n```\n\nThe project should now be up and running at http://localhost:3000.\n\n## Technology Stack\n- TypeScript\n- Material UI\n- Recharts\n\n## Contact\n\nIf you have questions or feedback, please contact [batuhankaraman0@hotmail.com](mailto:batuhankaraman0@hotmail.com).\n\n## License\n\nLicensed under [MIT](LICENSE).\n\n\n\u003e 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!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbatukaraman%2Freact-typescript-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbatukaraman%2Freact-typescript-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbatukaraman%2Freact-typescript-dashboard/lists"}