Octocolor
what's your GitHub profile color?
Overview
OctoColor is a web application that determines the color of a user's GitHub profile based on the language info from their GitHub repositories. By blending the colors of the user's top two languages, OctoColor generates a unique color for the profile. The app uses GhPolyGlot to collect language information and the Mix CSS Color and Name that Color libraries for color blending and color naming.
Features
- GitHub Profile Color: OctoColor determines the color of a user's GitHub profile based on the language info from their repositories.
- Language Info: The app uses GhPolyGlot to gather language information for all of the user's GitHub repositories.
- Color Blending: OctoColor blends the colors of the user's top two languages using the Mix CSS Color library.
- Color Naming: The Name that Color library is used to assign a name to the unique color generated by OctoColor.
Summary
OctoColor is a web application that determines the color of a user's GitHub profile based on the language information from their repositories. By blending the colors of the top two languages and assigning a name to the resulting color, OctoColor provides a unique and personalized profile color. Users can run OctoColor locally by cloning the repository and following the installation steps.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.