Plan..Action..Repeat 🔄 - IT Ticket Planner

Table of contents

• Overview
• Technology Stack
• Getting Started
• Features
• Screenshots
• Link

Overview

Welcome to Plan..Action..Repeat, a client-side web application designed to replace a manual notepad-based system for tracking daily service tickets. This tool provides a structured, visual workflow to prepare for daily review meetings, document action plans, and track progress on Incidents, Tasks, and Service Requests. All data is saved in your browser's local storage, requiring no backend.

Technology Stack

• Framework: React (with Vite)

• UI Components: shadcn/ui

• Styling: Tailwind CSS

• State Management: Zustand

• Icons: Lucide React

Getting Started

1. Clone the repository:

   git clone https://github.com/hemanth110702/Plan..Action..Repeat.git
   cd Plan..Action..Repeat
   

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Features

• Dynamic Kanban Board: Organize tickets into three stages: Backlog, Plan, and Action.

• Ticket Management: Add, edit, and delete tickets with details like Priority, SLA, and a Short Description.

• Visual Status Indicators: At-a-glance, color-coded badges for ticket Priority (P1-P5) and SLA %.

• Client-Side Persistence: All data is saved automatically in the browser's local storage.

• Search Functionality: Quickly find any ticket by its ID.

• Streamlined Reporting: A "Copy Notes" button formats all items in the "Plan" stage for easy pasting into Microsoft Teams.

• Tabbed Interface: Manage different ticket types (Incidents, Tasks, SR) in separate views.

Screenshots

Desktop View
Backlog Phase - make tickets ready here with your observations and move them to Plan phase
Plan Phase - review each ticket with your leads and write action plan for each of them, move them to Action Phase
Action Phase - execute the action plan
Add Ticket - Add tickets into backlog phase

Link

🚀 Live Page

⬆️ Back to Top