https://github.com/Borrus-sudo/awesome-stack

⚡ Github README stats for your favourite web dev stack
https://github.com/Borrus-sudo/awesome-stack

List: awesome-stack

awesome badges github github-profile html-css-javascript html-css-javascript-badges readme-md readme-profile readme-stats

Last synced: about 1 month ago
JSON representation

⚡ Github README stats for your favourite web dev stack

• Host: GitHub
• URL: https://github.com/Borrus-sudo/awesome-stack
• Owner: Borrus-sudo
• License: mit
• Created: 2021-08-04T08:48:29.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T02:09:29.000Z (almost 2 years ago)
• Last Synced: 2024-05-20T01:11:42.562Z (7 months ago)
• Topics: awesome, badges, github, github-profile, html-css-javascript, html-css-javascript-badges, readme-md, readme-profile, readme-stats
• Language: JavaScript
• Homepage: https://awesome-stack.glitch.me/
• Size: 1.03 MB
• Stars: 35
• Watchers: 3
• Forks: 6
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-hackclub - awesome-stack - [@Borrus-sudo](https://github.com/Borrus-sudo) - **(JavaScript)** _⚡ Github README stats for your favourite web dev stack_ (Developer Utilities)
• jimsghstars - Borrus-sudo/awesome-stack - ⚡ Github README stats for your favourite web dev stack (JavaScript)

README

        




awesome-stack

⚡ Github Readme Stats for your favourite web dev stack.

  


    

    

    

  





## Features:

- 🌈 Supports a wide variety of themes and has high-quality icons for all your favorite tech  


- 🛠 Analyzes the technologies, frameworks, toolings used in your repositories and figures out the most used stuff of them! 


- 🗂 Easy to get started with and creates a card based on it! 


- ☄ Prevents the readme from cluttering by requiring you to put a simple link

## Why?

Existing GitHub readme stats do not showcase the specific favorite technologies/tools. So here comes my app. It analyzes your repositories and figures the most used toolings and framework. Based on the analyzed data, it creates a card. Currently, only javascript tooling and ecosystem are supported. More coming in the future.

## awesome-stack supports all these things :

![image](https://user-images.githubusercontent.com/58482194/129444524-1ee688b5-8b4d-47c7-9c0d-cbbc565a1cee.png)

## Themes 

https://github.com/Borrus-sudo/awesome-stack/blob/master/src/utils/themes.js

All themes by @anuraghazra's github-readme-stats are supported. 


Checkout all themes [here](./themes.md)

## Endpoint:

` /api/v1/cards?name=your-github-username&repos=comma,separated,repos,upto,5&theme=your-theme`

Add this in your markup:

```markdown

![MyAwesomeWebDevStack](https://awesome-stack.glitch.me/api/v1/cards?name=Borrus-sudo&repos=jsgandalf,vue-generator-graph,awesome-stack&theme=dracula)

```

## Examples

|||| 

 |:--:|:--:|:--:| 

| `default`: 
 ![default](./examples/themes/default.svg) | `dark`: 
 ![dark](./examples/themes/dark.svg) | `radical`: 
 ![radical](./examples/themes/radical.svg) | 

| `merko`: 
 ![merko](./examples/themes/merko.svg) | `gruvbox`: 
 ![gruvbox](./examples/themes/gruvbox.svg) | `tokyonight`: 
 ![tokyonight](./examples/themes/tokyonight.svg) | `onedark`: 
 ![onedark](./examples/themes/onedark.svg) | 

| `cobalt`: 
 ![cobalt](./examples/themes/cobalt.svg) | `synthwave`: 
 ![synthwave](./examples/themes/synthwave.svg)  | `discord_old_blurple`: 
 ![discord_old_blurple](./examples/themes/discord_old_blurple.svg) 




Checkout all themes [here](./themes.md)

## Setup

```

yarn install

```

## Lint

```

yarn lint

```

## Test

```

yarn test

```

## Development

```

yarn dev

```

# Support me

Starring this repo shall encourage me to do more open sourcing. So consider starring!

# TO-DO

- Acquiring a GitHub API key

## Important note

CJ is not a contributor. Due to a weird shit mistake or bug (IDK), his name is appearing in the contributor list cause I used his create-express-API boilerplate and messed up in some steps.