Delivered a streamlined workflow for issue tracking and team collaboration
Preparing the next view...
Issue Tracker / Case study
Issue Tracking & Team Assignment System
Issue Tracker is a modern issue tracking and assignment platform built for teams to efficiently manage bugs, tasks, and feature requests. The system provides a clean workflow for creating, assigning, updating, and resolving issues through a real-time dashboard and status-driven workflow. Built with Next.js, TypeScript, Prisma ORM, and NextAuth, the platform delivers a fast, responsive, and scalable experience with Google authentication, markdown support, filtering, sorting, and team collaboration features.
- Company
- Issue Tracker
- Role
- Frontend engineering
- Year
- Selected work
- Duration
- Product delivery
Issue Tracker is a collaborative issue management platform designed for small-to-medium teams to track bugs, feature requests, and project tasks in one centralized workspace. The system includes Google authentication, markdown-powered issue descriptions, assignment workflows, filtering and sorting capabilities, and a live analytics dashboard that provides real-time visibility into project health and task progress.
Next.jsReactTypeScriptPrisma ORMNextAuthTailwind CSSReact MarkdownMySQL
02 / Outcome
What changed after the work.
Improved task visibility through live dashboard analytics
Reduced workflow complexity with a clean and intuitive UI
Created a scalable issue management architecture for future expansion
03 / Engineering decisions
Challenge, implementation, outcome.
Challenge
Managing authenticated and unauthenticated user states across protected actions
Implementation
Designed and developed the complete frontend UI and workflow
Outcome
Delivered a streamlined workflow for issue tracking and team collaboration
Challenge
Implementing real-time dashboard synchronization with issue updates
Implementation
Implemented Google authentication with NextAuth
Outcome
Improved task visibility through live dashboard analytics
Challenge
Handling markdown rendering and validation securely
Implementation
Integrated Prisma ORM with relational database schema
Outcome
Reduced workflow complexity with a clean and intuitive UI
04 / System view
How the product moves.
component-based + API-driven architecture
01Client UI
02Next.js API Routes
03Prisma ORM
04Database
05Dashboard/UI Rendering
Core features
- Google authentication using NextAuth for secure and seamless sign-in
- Create, edit, delete, and manage issues with markdown descriptions
- Three-stage issue workflow (Open → In Progress → Closed)
- Issue assignment system with assignee avatars and ownership tracking
- Live dashboard with issue statistics and project health visualization
- Latest issues activity feed with real-time status updates
- Status filtering and column-based sorting system
- Pagination support for managing large issue backlogs
My contribution
- Designed and developed the complete frontend UI and workflow
- Implemented Google authentication with NextAuth
- Integrated Prisma ORM with relational database schema
- Built issue CRUD operations with validation
- Developed dashboard analytics and issue visualization
- Implemented filtering, sorting, and pagination system
- Created responsive layouts for desktop and mobile experiences
- Managed markdown rendering and issue detail pages
Performance and quality
- Optimized database queries using Prisma select and pagination
- Server-side rendering for faster page loading and SEO benefits
- Reusable component architecture for maintainability
- Efficient dashboard aggregation queries for live statistics
- Conditional rendering and lazy loading for improved UX
- Manual testing for issue creation and assignment workflows
- Authentication and session validation testing
Next case study
Skysearch