brainrot buddy

Bibble idling (Default state)
GIF
Pomodoro Doomscroll Panel
GIF
Bibble crashing out (Errors in code)
GIF
Bibble concerned (Bad coding practices)
GIF
Successful commit animation

Inspiration

Inspired by vscode-pets, we wanted a VSCode pet that was #relatable, like Bibble. At the same time, we wanted a coding companion that was encouraging, entertaining and engaging, which led us to develop brainrot buddy.

What it does

brainrot buddy is a VSCode extension that loads a pet (Bibble). Bibble reacts according to the user's workspace state, such as:
- Errors
- Successful commits
- Bad coding practices
- Regular scheduled programming
An encouraging animation is also generated upon successful commits.
A Pomodoro Brainrot Doomscroll panel, which allows the user to doomscroll during Pomodoro breaks, reducing the need to navigate to other devices/tabs. For peak efficiency (bumness).

How we built it

VSCode Extension API
- Handles activation, commands, events, diagnostics, and Git hooks
- Enables integration directly into the editor workflow
Node.js
- Powers the extension backend and API interactions
TypeScript
- Primary development language
- Improves reliability when handling editor events with type specification

Challenges we ran into

With no prior experience with building VSCode extensions and its API, we spent a fair bit of time scouring the documentation for an API that suited our needs
eepys

Accomplishments that we're proud of

Our first VSCode extension: It's fun, entertaining, and doesn't break
Staying up till 4am: No easy feat, pulled through sheer willpower and caffeine

What we learned

We learnt how to create a VSCode extension, experimenting with VSCode extension APIs, WebViews and WebPanels. Most importantly, we learnt how to bring silly ideas to life.