Featured Project
DevTrack
A premium developer intelligence dashboard that track coding progress, analyzes learning patterns, and provides actionable insights for continuous improvement.
Next.jsTypeScriptPrismaPostgreSQLSupabase
Scroll to Explore
Performance & Impact
< 300ms
Dashboard Latency
Parallelized data aggregation and in-memory scoring
Real-time
Pattern Intelligence
Automated analysis of DSA problem distributions
100%
Data Integrity
Atomic transactions for multi-entity tracking
The Problem
Developers often lack a centralized way to track their growth across disparate areas like DSA, projects, and daily consistency. Manual tracking is fragmented, and raw data doesn't offer actionable paths to improvement.
The Solution
DevTrack solves this by providing a unified intelligence layer. It doesn't just record data; it analyzes it using a proprietary scoring and recommendation engine to guide developers toward their technical goals.
System Architecture
DevTrack is a developer productivity dashboard tracking DSA progress, project milestones, and daily coding activity. It uses Supabase Realtime (postgres_changes subscriptions) so the activity feed updates live across tabs and devices without polling — a green pulsing indicator shows the WebSocket channel status. The analytics layer generates personalized insights and prescriptive recommendations from historical patterns.
Core Engineering Achievements:
Developer Scoring System
Pattern Analysis
Prescriptive Recommendations
System Architecture
Frontend
Next.js (App Router)
React 19
Tailwind CSS
Shadcn UI
Recharts
Backend / Services
Next.js Server Components
Prisma ORM
PostgreSQL (Supabase)
Rule Engine
Infrastructure
Supabase Auth
PostgreSQL Hosting
Vercel Deployment
"A modern full-stack architecture leveraging server-side business logic and parallel database execution for sub-second dashboard updates."
Visual Showcase
A high-fidelity walkthrough of the core interfaces and user experiences, designed with modern aesthetics.
01
Intelligence Dashboard
A centralized hub featuring the Developer Score, streak tracking, and personalized next-step recommendations.
02
DSA Tracking & Insights
Detailed problem tracking with automated pattern analysis and difficulty distribution visualization.
03
Daily Activity Logging
Streamlined data entry for daily coding logs with topic tagging and progress history.
04
Developer Settings
Premium user management and profile configuration with seamless theme switching.
The Engineering Challenge
The core challenge was building a real-time analytics suite that remains performant as the number of logged activities grows. I implemented a modular service architecture that uses Promise.all for database fetching and handles complex aggregations in-memory before reaching the client.
"The core challenge was building a real-time analytics suite that remains performant as the number of logged activities grows. I implemented a modular service architecture that uses Promise.all for database fetching and handles complex aggregations in-memory before reaching the client."
User Journey
1
Authentication
Secure login via Supabase with automatic session management.
2
Dashboard Overview
Real-time visualization of developer score, streaks, and weekly momentum.
3
Activity Tracking
Granular logging of daily study topics and DSA problem solving.
4
Intelligent Guidance
Receive AI-driven recommendations for next learning steps based on analysis.
Interested in the full engineering breakdown?
I'm always open to discussing technical implementations, from state management strategies to infrastructure scaling.