Mike Jonson

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

How can I help you?

Got a project or collaboration in mind? Reach out, and I’ll get back to you soon!

How can I help you?

Got a project or collaboration in mind? Reach out, and I’ll get back to you soon!

How can I help you?

Got a project or collaboration in mind? Reach out, and I’ll get back to you soon!

Mike Jonson
Arrow Icon

Vany Diah Puspitasari

Front-end Developer, UI Engineer & Designer

Connect with me on:

Mike Jonson
Arrow Icon

Vany Diah Puspitasari

Front-end Developer, UI Engineer & Designer

Connect with me on:

Mike Jonson
Arrow Icon

Vany Diah Puspitasari

Front-end Developer, UI Engineer & Designer

Connect with me on: