https://github.com/app-generator/sample-tremor-github-charts

GitHub API & Tremor - Open-Source Sample | AppSeed
https://github.com/app-generator/sample-tremor-github-charts

appseed-sample charts open-source reactjs tremor

Last synced: 10 months ago
JSON representation

GitHub API & Tremor - Open-Source Sample | AppSeed

• Host: GitHub
• URL: https://github.com/app-generator/sample-tremor-github-charts
• Owner: app-generator
• License: mit
• Created: 2022-12-05T06:07:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-13T18:03:59.000Z (over 3 years ago)
• Last Synced: 2025-08-12T19:49:10.807Z (10 months ago)
• Topics: appseed-sample, charts, open-source, reactjs, tremor
• Language: JavaScript
• Homepage: https://blog.appseed.us/data-visualization-react-and-tremor-with-sample/
• Size: 320 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# [GitHub API & Tremor](https://github.com/app-generator/sample-tremor-github-charts) `Sample`

Open-source Sample built with `React`, `Tremor` and `GitHub API` - Actively supported by [AppSeed](https://appseed.us).

- 👉 [GitHub API & Tremor](https://sample-tremor-github-charts.appseed-srv1.com/) - `LIVE demo`

- 👉 [Data visualization using React and Tremor](https://blog.appseed.us/data-visualization-react-and-tremor-with-sample/) - related `blog article`




> Features mirrored from [Svelte Coderstats](https://github.com/wobsoriano/coderstats), crafted by `Robert Soriano`  

- ✅ Stack: `React` & `Tremor`

- ✅ `GitHub API` for charts data




![GitHub API & Tremor - Open-Source Sample provided by AppSeed.](https://user-images.githubusercontent.com/51070104/206100669-007ecab0-3006-481e-bcf9-931971108fe3.gif)




## How to use it 

Install `NodejS` version 14.x or higher (tested with **v16.0.0**)

> 👉 Install dependencies 

```bash

$ npm i

// OR

$ yarn 

```




> 👉 Start in development mode 

```bash

$ npm run start

// OR

$ yarn start

```




## What is [Tremor](https://www.tremor.so/)

Tremor is a low-level, opinionated UI component library to build dashboards. It offers components, such as charts, layouts, or input elements, covering the essential parts of a dashboard or analytical interface.

Their approach provides flexibility between beautiful defaults and fast customization. The best way to get started is to check out our templates, called Blocks, for getting a feeling of how components are used and combined.




![Tremor - Library for Charts.](https://user-images.githubusercontent.com/51070104/206101967-b601cc79-090a-40b2-9bb0-2baba18fbc14.jpg)




--- 

[GitHub API & Tremor](https://github.com/app-generator/sample-tremor-github-charts) `Sample` - provided by `AppSeed`