Hello Coders!
This article mentions an open-source sample that presents the developer's stats pulled from GitHub free API and presents the information using React & Tremor Library. Thanks for reading!
- π GitHub API & Tremor -
LIVE demo
- π GitHub API & Tremor -
source code
Copyright Note
: Project adapted for React & Tremor from Svelte Version crafted byRobert Soriano
.
The flow is pretty simple: Users input their username, the information is consumed from GitHub and the charts are displayed. For newcomers, Tremor
is a modern stack built on top of Tailwind and ReCharts, focusing mainly on scientists and developers that develop dashboards and analytics products.
The product can be used by anyone that has a decent NodeJS version installed in the workstation. Once the sources are saved locally, the project can be started easily.
$ git clone https://github.com/app-generator/sample-tremor-github-charts.git
$ cd sample-tremor-github-charts
$
$ yarn # install modules
$ yarn start # start for development
β¨ What is Tremor
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.
Thanks for reading!
For more resources and support, please access:
Top comments (6)
So, you're heavily inspired from octoprofile by bchiang7, Right?. You know should add credits and appreciate her work.
Hello @khalidsaifullahfuad
The code was adapted from a Svelte codebase, here are the credentials:
nice use case.
ty ππ
Tremor got some traction lately.
Thank you for this experiment
looks promising. ππ