Overview
Hyperchill.io is a digital productivity journal that collects and visualizes data about the duration and quality of deep work sessions. It also comes with the Hyperchill Website Blocker browser extension which can sync with your Hyperchill.io session to minimize distractions.
I came up with the idea for this app at the end of 2023 while finishing my undergraduate degree in CS. I was a fan of Pomodoro timers, but wanted something a bit more flexible that emphasized documentation of the study/ work session. At the time, Vanilla JS was what I knew best, and thus I proceeded to spend a year building everything more or less from scratch.
Some time later, I decided to create a website blocker extension and landing page for both products and expanded my tech repertoire with TypeScript and Tailwind CSS which later came in handy for the website you're on now! This was really my first serious foray into the world of programming, and building these products was one of the most engaging things I've ever done and laid the foundation for a continued interest in building more stuff.
Features
- Deep Work / Break mode toggling
- Focus quality tracking based on distractions logged
- Data visualization dashboard
- Chrome extension for website blocking during sessions
Tech Stack
JavaScript, TypeScript, HTML, CSS, Chart.js, Google Sign-in API, Tailwind CSS
Links
Hyperchill.io - Live Web Application
Hyperchill Website Blocker - Chrome Extension