Project tasks report

Project & Task Lifecycle Tracker

Select Project: -- Choose a Project --

Project Name:

Add New Main Task

Main Task Description:

Deadline:

Status: Pending Completed

Date of Completion:

Task Matrix

💡 Tip: Click directly on any status badge (Main Task or Subtask) to flip its status instantly.

Main Task Description	Subtasks Structure (Description | Deadline | Status | Action)	Main Deadline	Main Status	Main Comp. Date	Action

Project & Task Lifecycle Tracker

Official User Guide & Technical Documentation

1. Introduction

The Project & Task Lifecycle Tracker is an enterprise-grade, single-page application built to structure complex project workflows into digestible, relational milestones. Designed for professionals managing infrastructure tasks and rigorous timelines, this utility supports a parent-child relationship hierarchy (Main Tasks & Subtasks) alongside robust data isolation capabilities.

Key Feature: Localized Architecture
Unlike traditional tracking tools that depend on external server environments or third-party cloud cookies, this application runs entirely client-side. Your operational data remains securely inside your browser profile.

2. Data Engine & Technical Architecture

To operate reliably offline and store large datasets without performance bottlenecks, the tool leverages the browser's native IndexedDB API. Here is how the underlying mechanism handles your input:

• Database Schema: Operates under the storage identity YogiPWD_SubtaskTrackerDB_v2.
• Relational Mapping: It isolates records across two main internal tables (Object Stores):
  • projects: Stores the primary master containers using an auto-incremented key configuration.
  • tasks: Stores core task rows indexed directly by a projectId foreign key to guarantee relational integrity.
• Subtask Structuring: Subtasks are systematically embedded directly into their respective parent task arrays. This structural nesting facilitates instantaneous localized updates and prevents orphaned data records.

3. Step-by-Step Functional Guide

3.1 Initializing a Workspace

When you open the application, the task matrix remains hidden until an explicit workspace scope is designated:

1. Click the + Create New Project button.
2. Type your specific project banner or work order name into the dynamically exposed configuration input field.
3. Click Save Project. The workspace immediately shifts focus to your newly initialized project.

3.2 Managing Core Components

Once a project is active, you can leverage the top control panel layout:

• Edit Project Name: Modifies the active project identity without altering any task rows nested underneath it.
• Delete Entire Project: Danger Area This triggers a recursive transactional cascade. Confirming this action permanently deletes the project container, its main metrics, and all associated subtask blocks from the database.

3.3 Populating the Task Matrix

The Add New Main Task form accepts primary activity entries. To populate it:

1. Provide a Main Task Description (e.g., "Procurement Validation" or "Site Alignment Inspection").
2. Set a primary calendar Deadline.
3. Assign an initial lifecycle phase status (Pending or Completed). If Completed is chosen, a localized date input field will appear to log the verification timeline.
4. Click Add Main Task to instantly append the entry into the primary tracking table.

3.4 Building the Subtask Structure

Each main task row contains a nested data-entry column designed for breakdown logging:

• Locate the input strip immediately below the main task row details.
• Type out specific granular subtasks, specify their isolated due dates, and click the + Add button.
• The system assigns a high-resolution microscopic timestamp identifier (Date.now()) to every subtask block to ensure unique event tracking.

4. Advanced Interaction & Quick Shortcuts

4.1 Instant Status Flipping

For high-speed updates during site briefings or coordination reviews, you do not need to open complex edit menus. The interface provides Inline State Flipping:

Shortcut: Click directly on any status badge display (e.g., Pending ⇄) in the matrix grid. The underlying database engine instantly switches its execution state.

• Flipping to Completed prompts a native system confirmation box requesting the completion calendar date (defaults automatically to the current date).
• Reverting an item from Completed back to Pending automatically clears the corresponding completion date field.

5. Structured PDF Status Reports

When stakeholders or senior management require an update, click the Export Status Report (PDF) utility button. The reporting engine automatically generates a professional, dual-tier audit document using the following layout parameters:

Report Section	Color Code	Data Inclusion Mapping
1. Remaining / Pending Tasks	Red Header	Lists incomplete parent tasks and individual active subtask rows waiting for validation.
2. Completed Achievements	Green Header	Isolates finalized milestones along with their confirmed dates of completion.

The generated PDF automatically handles name sanitization, converting special characters into clean underscores (_) to output clean, storage-friendly file naming conventions.

Project & Task Lifecycle Tracker Technical Manual — Built for Engineers and Project Managers.