๐ŸŒˆ what's your GitHub profile color?

Overview

๐ŸŒˆ OctoColor

๐Ÿค” Wanna know what's your GitHub Profile Color?
๐Ÿฑ Head over to https://octocolor.vercel.app

๐Ÿฑโ€๐Ÿ’ป How does GitColor work?

The idea is simple. We get the language info for all of a user's GitHub Repositories using GhPolyGlot and then we use the top 2 languages as a reference to determine the color of the user's GitHub profile. Once we get the info about the top 2 languages, we blend the the colors using the Mix CSS Color library. Then we simply use Name that Color library to get the name of the unique color generated by the app. And we're done! ๐Ÿš€

๐Ÿš€ Running Locally

Clone the repos's main branch.

$ git clone -b main https://github.com/asheeeshh/octocolor.git

Install dependencies, make sure you have nodejs and npm installed.

$ npm install

Run the app.

$ npm run dev

โš– License

MIT License

โœ’ Ending Note

  • Consider giving the repo a โญ if you liked the project!
  • Follow me and checkout my other projects!
You might also like...

Backs up your favourite and recently used gifs/emotes and restores them in case discord clears them after logouts or for other reasons

Persist Favourites This plugin solves the problem of Discord randomly deciding to clear your gifs or emotes by backing both up regularely and restorin

Oct 13, 2022

quickly start your Vue dev server

quickly start your Vue dev server

vue-fast-dev-server 10ๅ€็ผฉ็Ÿญๆ‚จ็š„vue dev serverๅฏๅŠจๆ—ถ้—ด ๅฎ‰่ฃ… npm install vue-fast-dev-server --save-dev vue.config.js const path = require('path') module.exports

Feb 28, 2022

OSI helps you to track your all open-source Internships and Program in a single place โšก

OSI helps you to track your all open-source  Internships and Program in a single place โšก

Open Source Internships Overview ๐Ÿ‘€ Dark Theme Light Theme Run locally ๐Ÿ›  Fork this repo. open-source-internships ๐Ÿš€ Clone the repo. โฌ git clone https

Jan 2, 2023

Add linked data to the YAML of your Obsidian notes.

Obsidian Linked Data Vocabularies Plugin This plugin adds YAML keys for the selected heading, url (optional), and broader, narrower and related headin

Oct 13, 2022

Automatically configure Vitest from your SvelteKit configuration.

vitest-svelte-kit Automatically configure Vitest from your SvelteKit configuration. Getting Started Installing In an existing SvelteKit project, run t

Dec 30, 2022

Some compile-time magic for your Vite project

๐Ÿ’› You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate

Dec 15, 2022

Add Routify to your Svelte project

๐ŸŽ€ Add (work in progress) Routify to Svelte This is an adder for svelte-add; you should read its README before continuing here. โž• Adding (work in prog

Aug 3, 2022

This is a heart of RainbowBOT. You can also build your own bots with this core!

RainbowBOT Core RainbowBOT Core - is a Discord BOT core with rich functionality. This core takes over many routine things like data storing, interacti

Apr 26, 2022

Know when your users are idle โณ

Know when your users are idle โณ

Features | Demo No dependencies โ€” TypeScript โ€” SSR support โ€” Readable store for idle value โ€” onIdle callback Installation npm i svelte-idle Usage scr

Dec 30, 2022
Owner
ashish
ๆกœใฎ่Šฑ | Just a weeb who likes to code random shit.
ashish
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

English | ็ฎ€ไฝ“ไธญๆ–‡ | ๆ—ฅๆœฌ่ชž | Spanish SPONSORED BY ๆดปๅŠจๆœๅŠก้”€ๅ”ฎๅนณๅฐ ๅฎขๆˆทๆถˆๆฏ็›ด่พพๅทฅไฝœ็พค Introduction vue-element-admin is a production-ready front-end solution for admin inter

่Šฑ่ฃค่กฉ 80.1k Dec 31, 2022
have github in powercord

github-in-discord Have github in powercord! You can now look at repos inside of discord. Works with Shiki Codeblocks too! Huge thanks to Pavy for styl

pog who? 32 Nov 23, 2022
Third-Party Authentication (Github) demo Vue 3 + TypeScript + Pinia app using Supabase

vue-supabase-tpa-demo This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur

Mac (Maciej Pฤ™dzich) 25 Nov 21, 2022
A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free โ€ข Open Source โ€ข Notification View Demo ยท Report Bug ยท Requ

zernonia 208 Dec 27, 2022
A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free โ€ข Open Source โ€ข Notification View Demo ยท Report Bug ยท Requ

StatusBase 194 Jul 5, 2022
Easily connect your Nuxt3 application to your directus server. ๐Ÿฐ

nuxt-directus Directus Module for Nuxt 3 โœจ Release Notes ?? Read the documentation Features Nuxt3 ready Handle authentication RESTful methods TypeScri

Conner 109 Dec 28, 2022
:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

best-resume-ever ?? ?? Build fast ?? and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS. Cool Creative Green Pur

Sara Steiert 15.8k Jan 9, 2023
Matteo Bruni 4.7k Jan 4, 2023
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

AnimXYZ animxyz.com AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless

Ingram Projects 2.1k Jan 2, 2023
A simple, customization star rating component for your vue3 projects

vue3-star-ratings A simple, customizable component for star ratings Documentation Features Uses svg for the stars, so it can scale without quality los

Abiodun Olunu 14 Oct 7, 2022