A simple GitHub Issues Tracker web application that simulates how development teams manage and track project issues in real-world workflows.
This project fetches issue data from an API and displays them in a clean dashboard interface using interactive issue cards. Users can easily browse issues, filter them by status, search for specific issues, and view detailed information inside a modal.
In real-world software development, teams need tools to track bugs, feature requests, and improvements. This project recreates that concept by building a small issue tracking dashboard where users can explore and manage issues visually.
The application loads issues dynamically from an API and presents them in an organized card-based layout for better usability.
- 🔐 Login page with demo credentials
- 📊 Issues dashboard with All / Open / Closed filtering
- 🔍 Instant search functionality
- ⚡ Dynamic issue loading from an API
- 📄 Issue details modal when clicking on a card
- 🧩 Clean 4-column responsive card layout
- ⏳ Loading spinner while fetching data
- 🟢 Status indicators (Open / Closed)
- HTML , Tailwind CSS , DaisyUI , Vanilla JavaScript , API Integration
While building this project, I practiced and improved my skills in:
- API integration
- DOM manipulation
- JavaScript logic and functions
- Dashboard UI layout design
- Building interactive web applications
This project helped me better understand how modern web applications load and display data dynamically.
🔗 Live Demo: https://githubissuestracker.netlify.app/