Project
Github Issues Tracker
Browse and track GitHub issues for any public repository in real time using the GitHub REST API.
HTML5
CSS3
Tailwind CSSDaisy UI
Overview
About the Project
GitHub Issues Tracker is a developer utility app that lets users browse and monitor issues for any public GitHub repository in real time. Users enter a repository name, and the app fetches live issue data from the GitHub REST API — displaying issue titles, labels, status, authors, and creation dates in a clean, scannable layout. The project demonstrates real-world API integration skills: handling async fetch requests, managing loading and error states, paginating large result sets, and presenting structured API data in a readable UI — all without a framework, using only HTML, Tailwind CSS, and vanilla JavaScript.
Challenges
⚡ What Was Hard
- 01Handling GitHub API rate limiting gracefully with informative user feedback.
- 02Paginating large issue lists without a framework's built-in state management.
- 03Displaying varied issue label colors dynamically from the API response data.
- 04Managing loading, empty, and error states cleanly in vanilla JavaScript.
- 05Keeping the UI responsive and readable when issue titles or descriptions were very long.
Roadmap
🚀 What is Next
- 01Add filtering by issue state (open, closed), label, and assignee.
- 02Introduce GitHub OAuth so users can browse private repositories.
- 03Add the ability to comment on or close issues directly from the app.
- 04Build a saved repositories list so users can quickly revisit tracked repos.
- 05Migrate to React for cleaner component-based state and rendering management.