FuseBoard

💡 Inspiration

As a developer and productivity enthusiast, I often found myself jumping between tools—task managers, bookmarks, timers, music players, and even AI chat tools—just to get through a typical day. It felt disjointed and time-consuming. I wanted a solution that brought all of this together in one elegant space, starting with the thing I open most: the new tab.

That’s how FuseBoard was born — to make the new tab smarter, more beautiful, and incredibly productive.

🚀 What it does

FuseBoard replaces your new tab with a powerful, customizable productivity dashboard. It includes:

A smart task manager with a kanban board
Visual bookmark organizer with search
AI assistant (supports OpenAI, Claude, and Ollama)
Built-in Pomodoro timer and streak calendar
Spotify & Apple Music player
Scratchpad for notes and files
Theme customization with a glassmorphism UI

All features are designed to help you focus, stay organized, and get more done — all from one tab.

🛠️ How we built it

We built FuseBoard using:

React 18 + TypeScript for a robust frontend
Vite for fast builds and local dev
Tailwind CSS for design and theming
Chrome Extension APIs for local storage and tab control
React Beautiful DnD for smooth task drag-and-drop
Framer Motion for animations
Lucide Icons for a clean icon system

We focused on building modular features that work seamlessly together while keeping the UI fast and smooth.

⚔️ Challenges we ran into

Managing real-time updates without reloading the tab
Ensuring bookmarks and task data sync well across sessions
Integrating AI models securely without storing any user data externally
Handling favicon previews dynamically from URLs
Making all features work offline with zero remote storage

🏆 Accomplishments that we're proud of

Created a fully offline, no-login productivity hub inside the browser
Designed a unified experience that feels fast, useful, and polished
Integrated AI support without compromising user privacy
Built a responsive, glassmorphic UI that feels delightful to use
All done within the scope of a Chrome extension!

📚 What we learned

How to build and optimize complex Chrome extensions
Advanced state and local storage handling in React
Design principles that balance utility with aesthetics
How to work with external APIs (like OpenAI and Spotify) while preserving user control
The power of small tools working together in one clean interface