Back to insights
Salesforce Experience CloudSalesforce LWCExperience Cloud

ProjectFlow Task Tracker — A Jira-Style Project Management Tool Built on Salesforce

ProjectFlow Task Tracker is a custom-built Jira-style project management application developed using Salesforce Experience Cloud.

Hari Vignesh11 min read

Salesforce LWC Developer

ProjectFlow Task Tracker — A Jira-Style Project Management Tool Built on Salesforce cover infographic

1. Project Overview

ProjectFlow Task Tracker is a custom-built project management application developed entirely on the Salesforce Experience Cloud platform using Lightning Web Components (LWC). The application is designed to work like Jira — allowing teams to track tasks, manage sprints, log time, and monitor project progress all in one place.

The goal of this project is to replace the need for third-party tools like Jira or Trello by building a similar tool directly inside a Salesforce org, where all the data stays within the organization and connects naturally with existing Salesforce records.

AttributeDetail
PlatformSalesforce Experience Cloud (LWR)
FrameworkLightning Web Components (LWC)
BackendApex (AssignmentBoardController.cls)
RoleSalesforce LWC Developer
DurationOngoing — 2025 to 2026
TypeCustom Internal Project Management Tool

2. What Was Built

The entire application was built from scratch—no external plugin or AppExchange package involved. Every screen, every button, and every data flow was designed and coded manually.

2.1 Main Components

ComponentWhat It Does
Board ViewKanban-style board showing tasks grouped by status with a drag-friendly layout for visual task management.
Backlog ViewComplete list of tasks with sprint, status, priority and project filters plus bulk actions.
Active SprintDedicated sprint dashboard showing progress bar, issue counts and sprint completion controls.
TimesheetLive timer, manual time logging and estimated vs actual hours tracking.
Reports / AnalyticsDark-themed analytics dashboard built entirely using SVG without external libraries.
CommentsThreaded comment system supporting @mentions and real-time notifications.
Assignment DetailComplete issue detail page with editable fields, activity history, work logs and comments.
App HeaderTop navigation containing profile management, settings, notifications and help panel.
Task Tracker ShellParent application container managing navigation, sprint information, fullscreen mode and keyboard shortcuts.

3. My Role and Responsibilities

I was the sole developer on this project, responsible for designing and implementing both the frontend Lightning Web Components and backend Apex services.

3.1 Frontend Development

  • Built all Lightning Web Components from scratch using HTML, JavaScript and CSS.
  • Designed a Jira-style responsive user interface.
  • Implemented inline editing for task fields.
  • Built a fully functional Kanban board.
  • Created SVG analytics dashboards without Chart.js.
  • Added keyboard shortcuts, fullscreen mode and density toggle.
  • Designed profile and settings modals with profile photo upload.

3.2 Backend Development (Apex)

  • Developed AssignmentBoardController.cls.
  • Built dynamic SOQL queries with advanced filtering.
  • Implemented Sprint, Assignment and Timesheet APIs.
  • Developed live timer functionality.
  • Created notification services and analytics DTO classes.
  • Implemented role-aware security using Custom Permissions.

4. Key Problems Solved

  1. Chart.js Locker Service Restriction

    Rebuilt analytics using pure SVG because Salesforce Locker Service blocks Chart.js inside LWR Experience Cloud.

  2. Sprint Lookup Migration

    Migrated Sprint from Picklist to Lookup relationship to improve relational integrity and querying.

  3. AuraEnabled Serialization

    Replaced Map return types with strongly typed DTO classes for reliable LWC communication.

  4. Community User Display Names

    Displayed Contact.Name instead of User.Name for proper user-friendly display.

  5. My Issues Synchronization

    Implemented synchronized filters using @api properties and custom events.

5. Technology Stack

TechnologyUsage
Lightning Web ComponentsFrontend UI
ApexBusiness Logic
SOQLDynamic Queries
SVGAnalytics Charts
ContentVersion APIProfile Photo Upload
Custom PermissionsRole-Based Access Control
NavigationMixinSalesforce Navigation

6. Resume-Ready Summary

  • Designed and developed a Jira-like project management application using Salesforce Experience Cloud.
  • Built 9 custom Lightning Web Components.
  • Developed Apex backend with dynamic SOQL and secure business logic.
  • Implemented live timer-based work tracking.
  • Built SVG analytics dashboards without external libraries.
  • Implemented role-based access control using Salesforce Custom Permissions.
  • Migrated Sprint and Project fields to Lookup relationships.
  • Built ContentVersion profile photo upload.
  • Implemented real-time notifications with @mention support.
  • Added keyboard shortcuts, fullscreen mode and density toggle.
ProjectFlow Task Tracker
Built on Salesforce Experience Cloud | Lightning Web Components | Apex | April 2026
Topics:Salesforce LWCExperience CloudProject Management

Ready to accelerate your digital transformation?

Partner with Subsel to build modern CRM, AI-enabled automation, and enterprise systems that scale.