https://github.com/hooopo/oh-my-github-dashboard
This repository provides a data pipeline that syncs GitHub repositories with a free MySQL-compatible cloud database, TiDB Cloud. It can be used as a standalone data pipeline or as a personal dashboard.
https://github.com/hooopo/oh-my-github-dashboard
analytics chatgpt dashboard github openai resume
Last synced: 6 months ago
JSON representation
This repository provides a data pipeline that syncs GitHub repositories with a free MySQL-compatible cloud database, TiDB Cloud. It can be used as a standalone data pipeline or as a personal dashboard.
- Host: GitHub
- URL: https://github.com/hooopo/oh-my-github-dashboard
- Owner: hooopo
- Created: 2023-02-21T01:51:56.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-29T16:47:43.000Z (over 2 years ago)
- Last Synced: 2024-10-18T16:22:22.553Z (12 months ago)
- Topics: analytics, chatgpt, dashboard, github, openai, resume
- Language: TypeScript
- Homepage: https://github-dashboard-v3.vercel.app/
- Size: 3.98 MB
- Stars: 8
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Oh My GitHub Dashboard
### Description
Oh My GitHub Dashboard is a data front-end display template for [Oh My GitHub Pipeline](https://github.com/hooopo/oh-my-github-pipeline). It is a GitHub personal user dashboard based on Evidence, a static BI generator that uses SQL and Markdown.
### Screenshot
To use this repository as a personal dashboard, after setting up the data pipeline, you can create a web application that queries the MySQL database and displays the data in a user-friendly format.
One option for creating a personal dashboard is to use Evidence (SSG) to display the dashboard on Vercel. You can read the data from TiDB Cloud and build the dashboard every hour.
Using the synced data, you can analyze your GitHub activity and use it for personal branding or as a resume. This repository provides a flexible and powerful solution for syncing and analyzing your GitHub data, whether you use it as a personal dashboard or a standalone data pipeline.
### Vercel deployment
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fhooopo%2Foh-my-github-dashboard&env=MYSQL_DATABASE&envDescription=name%20for%20your%20database&integration-ids=oac_coKBVWCXNjJnCEth1zzKoF1j)
## How it works
## SVG api
[svg api](api/svg/[id].ts) will automatically find data from evidence build files. This api uses echarts templates from [api-vis](api-vis).
The final url would be YOUR_VERCEL_DOMAIN/api/svg/CHART_ID?w=480&h=320.
The CHART_ID is the query id from any pages, default width is 640 and default height is 320.
### Customize & Development
```
npm run dev:api
```
> This command will only build evidence pages once, so you **could not** change the SQL after started.
- Add more templates in [api-vis](api-vis) dir, the filename must be the CHART_ID currently. (You must add queries first and restart the dev:api command)
- Edit [\[id\].ts](api/svg/[id].ts) and support more types of charts.
## Related repos
* [Oh My GitHub Circles](https://github.com/hooopo/oh-my-github-circles)
* [Oh My GitHub Pipeline](https://github.com/hooopo/oh-my-github-pipeline)
* [Repo Contributor Circles](https://github.com/hooopo/repo-contributor-circles)
* [Repo Track Pipeline](https://github.com/hooopo/repo-track-pipeline)
* [OSSInsight Lite](https://github.com/pingcap/ossinsight-lite)
* [OSSInsight](https://github.com/pingcap/ossinsight)
* [Hackernews Insight](https://github.com/hooopo/hackernews-insight)
* [Oh My GitHub Dashboard](https://github.com/hooopo/oh-my-github-dashboard)