React, Tremor & Tailwind - Coder Stats via GitHub API
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!
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.
|
1 2 3 4 5 6 |
<span class="nv">$ </span>git clone https://github.com/app-generator/sample-tremor-github-charts.git <span class="nv">$ </span><span class="nb">cd </span>sample-tremor-github-charts <span class="err">$</span> <span class="nv">$ </span>yarn <span class="c"># install modules</span> <span class="nv">$ </span>yarn start <span class="c"># start for development </span> |
✨ 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:
- 🚀 Free support provided by AppSeed (email & Discord)
- 👉 More free apps crafted in Flask, Django, and React
Source: https://dev.to/sm0ke/react-tremor-tailwind-coder-stats-via-github-api-cm6