Productivity Buddy

Inspiration

Bolt AI organized this hackathon to encourage building tools that improve productivity and well-being. Inspired by this theme, I created Productivity Buddy, a web app that blends work session management with guided breaks and motivational tools.

What it does

Productivity Buddy is a PWA that offers a Pomodoro timer, guided wellness break activities, a Kanban task board, motivational quotes, and lofi music integration — all designed to improve focus and productivity.

How I built it

I used React, TypeScript, Tailwind CSS, IndexedDB, Service Worker (PWA), Chart.js, and the YouTube iframe API. Accessibility and responsive design were key priorities.

Challenges I ran into

Managing offline support, seamless transitions, and third-party API integration were particularly challenging.

Accomplishments that I'm proud of

I built an offline-ready, responsive productivity tool with integrated wellness and motivation features in the spirit of Bolt AI’s hackathon theme.

What I learned

I deepened my knowledge of PWA development, accessibility, and seamless third-party API integration.

What's next for Productivity Buddy

I plan to add cloud sync, AI-powered productivity suggestions, and browser extension features.

Built With

• chart.js
• javascript
• netlify
• typescript