GitHub Issues Tracker

Overview

GitHub Issues Tracker is an interactive vanilla JavaScript web app built to replicate GitHub's issue management system. It showcases advanced DOM manipulation, custom event handling via Event Delegation, real-time search filtering, dynamic element insertion, and state persistence using browser LocalStorage.

Key Features

• Dynamic issue node creation and attribute setting with pure JavaScript
• High-performance user interactions built with Event Delegation
• Real-time issue title search and tag-based state filtering
• Data persistence across page refreshes via browser LocalStorage

Challenges & Solutions

• Preventing event bubbling issues during button clicks inside dynamically rendered issue cards
• Managing DOM updates efficiently without triggering unnecessary full-page reflows

Future Roadmap

• Integration with GitHub REST API for real repository data fetching
• Drag-and-drop support for reordering issue cards