BugStack — Full-Stack Issue Tracking Application
A modern issue tracking application for development teams with real-time dashboard analytics, Google OAuth authentication, and responsive UI.
Role: Solo DeveloperMar 2026 – Mar 2026
Tech Stack
Next.jsReactTypeScriptTailwind CSSRadix UIPrismaPostgreSQLNextAuth.jsZodTanStack React QueryRechartsSentryVercel
The Problem
Development teams need a lightweight, modern issue tracker that provides real-time analytics without the complexity of enterprise solutions like Jira.
The Solution
Built a streamlined issue tracking application with a focus on developer experience, real-time analytics, and modern authentication — demonstrating full-stack proficiency with Next.js, TypeScript, and cloud databases.
BugStack
A full-stack issue tracking application built from scratch for development teams to create, assign, and track bugs with real-time dashboard analytics.
Features
- Issue Management — Create, assign, edit, and track bugs with status workflows (Open, In Progress, Closed)
- Interactive Dashboard — Recharts-powered analytics with issue distribution visualization, real-time status tracking, and paginated issue lists with filtering
- Authentication — Google OAuth 2.0 via NextAuth.js with JWT session strategy and protected routes
- Optimistic UI — TanStack React Query for seamless user experience with optimistic updates
- Form Validation — React Hook Form with Zod schema validation for both client-side and server-side validation
- Error Monitoring — Sentry integration for real-time error monitoring, performance tracking, and stack trace analysis
Technical Highlights
- Next.js 16 App Router with React Server Components for optimized SSR
- RESTful API routes with Zod validation and Prisma ORM for type-safe database operations
- PostgreSQL (NeonDB) for persistent data storage
- Responsive UI with Tailwind CSS and Radix UI components