Purpose of SpiderBuddy
Desktops can provide users with a vast amount of tools and information at their fingerprints. As a result, it can be difficult for the average user to remain focused and engaged with their tasks. That's why we wanted to develop a desktop app that will encourage productivity instead of distract our users. This is accomplished by charming aesthetics, a task completion reward system, and a helpful little avatar that will cheer on the user as they work. Ultimately, SpiderBuddy acts as an interface that connects users to their work by humanizing digital tasks.
Inspiration
What it does
SpiderBuddy uses a notepad where users can list their workflow tasks. Once finished, they can drag the notepad page into a trash bin, which visually fills as tasks are completed. When the trash is full, it resets, and rewards the user with confetti. Yippee!
How we built it
We used a React electron app to run our desktop helper, and we used Matter.js to animate.
Challenges we ran into
Our UI design was meant to appear lightweight and out of the way to allow our users to focus on their tasks. We had trouble keeping the background of our window objects transparent and allowing users to drag without latency.
What we learned
We were able to learn how to incorporate 2D animations to window objects.
What's next for SpiderBuddy
We would like to add an avatar that can motivate the user to accomplish tasks, as well as organize the task list by importance and difficulty. We had created an ElevenLabs agent for this purpose, and attempted to connect its chatting feature to an avatar, but ultimately we ran out of time to properly connect the API calls.
Log in or sign up for Devpost to join the conversation.