Back to Portfolio
Web AppsNext.jsTypeScriptSupabaseGitHub Actions
MyWeb Portfolio
A high-performance personal portfolio, developer knowledge base, and live metrics tracker displaying real-time GitHub commits and system skill ratings.
Core Features
Dynamic dashboard charting project metrics and commits live
Interactive visual skills map highlighting structural competencies
Serverless visitor contact logging and tracking dashboard
Automatic CI/CD deployment verification checks
System Architecture
Frontend Layer
Next.js, TypeScript, Tailwind CSS, Framer Motion, Radix UI
Backend Layer
Next.js Route Handlers, Supabase JS Client, GitHub API Integration
Database & Storage
Supabase PostgreSQL database layer
DevOps & Deployment
Vercel deployments, GitHub Actions workflow pipelines
Dynamic Problem Solver
The Solution Impact
Transparent skill mapping
dynamic SVGs adjust weights based on project tags dynamically from Supabase database
Load time
achieved absolute 100/100 Lighthouse performance metrics via static build generation (SSG) models
Tech Stack
Next.jsTypeScriptTailwind CSSFramer MotionRoute HandlersGitHub APISupabase SDKSupabase PostgreSQLVercelGitHub Actions