haroon®Hire me ↗
ProjectSphere project preview by Mohammad Haroon
← Back to work
SaaS / Real-timeFull Stack Developer

Mohammad Haroon Portfolio · Case study

ProjectSphere

Multi-Tenant Project Management SaaS

Multi-tenant project management with real-time Kanban boards, collaboration tools, and Stripe subscriptions.

ProjectSphere is multi-tenant project management for organizations that each run work differently. Teams design custom Kanban columns, sync boards in real time with Socket.io, and use role-based dashboards for admins, managers, members, and clients — with Stripe plans that scale from starter teams to larger orgs.

A comprehensive SaaS project management platform featuring custom Kanban templates, drag-and-drop task management, live board collaboration, five distinct role experiences, tenant isolation, and Stripe-powered subscription plans with trial flows.

As Full Stack Developer, Mohammad Haroon delivered the MERN application structure, real-time Kanban collaboration, multi-tenant data model, role-based dashboards, and Stripe subscription flows.

Frontend technologies

  • React.js
  • Vite
  • @dnd-kit drag-and-drop
  • Socket.io Client
  • Role-based dashboards

Backend technologies

  • Node.js
  • Express.js
  • MongoDB
  • Socket.io
  • Stripe subscriptions
  • Multi-tenant RBAC
  • Fixed workflows vs real teams

    ProblemGeneric To Do / In Progress / Done boards force teams to work around the tool.

    SolutionCustom column templates let each project name stages, pick colors, and define its own done state.

  • Live multi-user boards

    ProblemConcurrent task moves and status changes break when clients refresh independently.

    SolutionSocket.io broadcasts task moves, status updates, and presence so everyone stays on the same board.

  • Multi-tenant isolation

    ProblemSaaS data must never leak across organizations or overexposed client views.

    SolutionServer-side organization scoping plus five-role RBAC, including a limited client portal.

  • Subscription without friction

    ProblemTeams need to evaluate the product before committing to paid plans.

    SolutionStripe Starter, Professional, and Business plans with 14-day trials and card capture before billing starts.

  • Custom Kanban column templates per project
  • Real-time board sync with Socket.io
  • Drag-and-drop tasks with @dnd-kit
  • Role-based dashboards and client portal
  • Stripe subscription plans with free trials
  • Organization-scoped tenant isolation
  • React.js
  • Vite
  • Node.js
  • Express.js
  • MongoDB
  • Socket.io
  • Stripe
What is ProjectSphere?

ProjectSphere is a multi-tenant project management SaaS with custom Kanban boards, Socket.io real-time sync, role-based dashboards, and Stripe subscriptions.

Who built ProjectSphere?

ProjectSphere was built by Mohammad Haroon as a full-stack MERN product with React, Node.js, Express, MongoDB, Socket.io, and Stripe.

How does ProjectSphere handle multiple organizations?

Queries are scoped by organization on the server, with five roles and a limited client portal so tenant data stays isolated.