Team name - Shockwave


We're are from India, aka Land of Colors. According to the survey conducted by NBHM, there is an estimated count of 10 color blind people every 2000 people residing in India (only) & around 3-5% globally! Technically speaking, there's still no direct medical cure for color-blindness where the customers of this genetic disease include not only adults but also children, teenagers etc. A color-blind person won't be able to decipher so many colors present in his surroundings correctly, e.g. this webpage.

It's Holi (Festival of colors) today in India, & I know it's kinda disappointing when you're color blind & you're surfing the moments on the web without hues. Don't worry, we got your back! 😌

What it does

Colorsive is a Chrome-extension which is specifically designed for Color-blinds to provide a new perspective of vision so that user can see all hues of colors! 🌈 Our extension uses client-side CSS filters using injected SVG, so none of the data about the websites one visits is ever collected. Our main motto is providing better accessibility to color blinded people via tweaking the color scheme of the webpage to a color suitable to that specific type of color-blinded user to deliver a more eye-pleasing experience!

How we built it

Colorsive is crafted with ❤️. It's primarily build with Javascript (vanilla), HTML & Tailwind CSS. We had to do extensive research on different types of color-blindness and jot their individual characteristics and properties. And not to mention, we hid some easter-eggs inside the project! 😉

Resources include :- R1 & R2

Challenges we ran into

This is the first time we've built an extension for such a noble cause. It was a bit difficult for us to collaborate in a virtual setting but we somehow managed to finish the project on time. This time we started a bit late than usual, which killed a lot of time for building the project. We had to do a lot of research on different types of color-blindness and their properties. Also, we had to take care of persons having both Dyslexia and color-blindness, thus figuring a way-out for that was also a great hassle.

Accomplishments that we're proud of

We are proud of finishing the project on time which seemed like a tough task initially as we started late, but happily were also able to add most of the features that we envisioned for the app during ideation.

What we learned

A lot of things, both summed up in technical & non-technical sides. Also not to mention, we enhanced our googling and Stackoverflow searching skill during the hackathon 😆

What's next for Colorsive

We just really want this project to create a real positive impact on humanity. We are also planning to integrate some cosmetic features into the extension to make the UI look more attractive & intuitive. And last but not least, creating a Firefox extension for the same is also on the list.

NOTE : Sandipan misspelled "Colorsive" as "colorize" at the start of the demo, since we were in a hurry during exporting the video 😅

Built With

Share this project: