zircleui / github-trending-plus

✨ Experimental Github trending UI

An experimental Github trending UI using zircle-ui.

Why?

Using Github trending you can find the repositories and developers that are most appealing for the community. You can filter them by selecting your preferred coding language or time frequency. It’s pretty good for having an idea of what the community is most excited about. This proposal includes two extra features: permanence of repositories & developers on trending chart and their relative gain / loss positions.

This concept is being made with zircle-ui for experimental purposes.

Features

• Relative gain/loss positions.
• Permanence on trending chart.
• Filtering coding languages with trending results.
• Most popular languages tracked (you can add more by opening an issue)
• No github login required.

Status: 🌱 Beta

If you want to try this example just clone this repo or check out the live version at https://github-trending-plus.netlify.app/

Credits

This project is based on this awesome API https://github.com/huchenme/github-trending-api

Project setup

git clone https://github.com/zircleUI/github-trending-plus.git

After cloning the repository, go to project folder and execute:

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

License

MIT Licensed | Copyright © 2018 - present | Juan Martín Muda

github-trending-plus's Issues

Improve search other coding languages - or the 'C' bug

As it was commented here (https://www.reddit.com/r/coolgithubprojects/comments/9utq5x/i_dont_know_if_youll_find_cool_but_im_doing_an/e97y9kf/?context=1&st=jo7pa8yp&sh=82955bb5) currently is not possible to search the C programming language....

Unable to go back after click on insights

Only happens on mobiles with touch events

Vercel Deployment Hosting GitHub Trending API Disabled, Breaking Example in ZircleUI Documentation

I had a hard time deciding where to open this bug.

The bug can be seen from the demo URL in the README of this repository and from the GitHub Trending Plus page of the ZircleUI Documentation site, but I believe the example being embedded there is a deployment on behalf of this repository. If I'm wrong, let me know and I can open this issue in the ZircleUI/Docs or wherever is more appropriate.

The GitHub Trending Plus example in the docs make requests for GitHub data to these two endpoints:
https://github-trending-api.now.sh/repositories?since=daily&language=
https://github-trending-api.now.sh/developers?since=daily&language=

Those two requests get 308 redirected to these two endpoints respectively:
https://github-trending-api.vercel.app/repositories?since=daily&language=
https://github-trending-api.vercel.app/developers?since=daily&language=

Both of those requests to the Vercel deployment return a 451 error, and viewing them in the browser you can see that Vercel is saying the deployment has been disabled.

Due to those 451 errors, the example is not working as intended, and clicking on the "top repos" or "top devs" results in the display of text saying "Oops!! Network Error" above an infinite loading spinner.

I'd personally love to see this example working again if isn't too much trouble to get a deployment of the GitHub Trending API spun up again.

Is there this version of Zircle github-trending-plus UI based on the latest versions of Zircle and Vue JS?

Position numbers should be ordinals to avoid confusion

z-list labels should be improved

Male them full length on mouseenter

Pressing escape button must zoom out the view

The user must be able to zoom out using escape button.