Hubbly.io
Hubbly is an all-in-one productivity platform designed for growing teams, combining communication, collaboration, and customer management into one seamless experience.
I worked on the frontend development of Hubbly.io, a unified workspace that brings together real-time chat, project management, and CRM tools. Designed for early-stage teams, Hubbly consolidates essential business operations into a single web platform built with React, Next.js, and Zustand.
To accelerate MVP delivery and minimize backend overhead, the platform integrates with the Mattermost open-source API, specifically for messaging and project boards. RESTful endpoints were used to implement core collaboration features such as direct and group chat, as well as Kanban-style task management.
In addition to real-time communication, Hubbly includes a custom CRM module, developed independently from the Mattermost stack, to manage customer profiles, pipelines, and sales activities.
The user interface was built with a custom design system using Storybook, enabling scalable component development and consistent UX. The platform also supports multiple color themes, implemented using Tailwind CSS and theme variables, allowing flexible branding and user customization.
🧩 Features I Worked On
Hubbly Chat
Real-time direct and group messaging powered by WebSocket
REST API integration via Mattermost for chat data
Typing indicators and online presence handling
Zustand-based state management for UI responsiveness
Hubbly Board
Kanban-style task management using drag-and-drop interactions
Board and card management via Mattermost’s open API
Flexible, responsive UI with theme support
Hubbly CRM
Custom-built customer and sales management interface
CRM pipelines, customer data views, and activity tracking
Filtering, sorting, and status workflows for CRM entries
System-Wide Contributions
Theme system using Tailwind config and CSS variables for multi-color support
Component architecture with Storybook for scalable UI development
Integration and synchronization of frontend features across multiple modules
🛠️ Tech Stack & Tools Used
Frontend: React.js, Next.js, Tailwind CSS, Zustand
Real-time: WebSocket
API Integration: RESTful APIs (via Mattermost for messaging and board modules)
Design System: Storybook
CRM Logic: Custom-built from scratch (non-Mattermost)
Theming: Tailwind CSS theme configuration, CSS variables
Tooling: Git, Figma, CI/CD