Showcasing Modern JavaScript Frameworks
Explore a curated selection of modern web applications built with React.js, Next.js, and TypeScript. From API testing tools to interactive visualizations, each project highlights performance, scalability, and elegant UI.
Explore a collection of projects that showcase my expertise in modern web development, from interactive tools to full-stack applications.
Showing 16 of 16 projects
Problem: No standardized way to run load tests or track latency trends across services. Built: A custom k6 framework with automated execution, performance dashboards, and observability analysis. Result: Cut manual test setup time by ~60% and gave teams consistent baselines for 3 production environments.
Problem: Unused JavaScript across multiple URLs was inflating bundle sizes with no easy audit path. Built: A Node.js automation tool using Puppeteer and Lighthouse to extract coverage data across URL lists. Result: Identified ~20–35% unused JS on audited pages, enabling targeted bundle cleanup.
Problem: Production stylesheets carried dead CSS rules that slowed page loads. Built: A CLI utility using PurgeCSS to scan and strip unused CSS from deployed applications. Result: Reduced stylesheet payload by an estimated 25–40% on tested projects.
Problem: Job seekers lacked a free, ATS-friendly way to build polished resumes quickly. Built: A drag-and-drop resume builder with premium templates and instant PDF export. Result: Generates print-ready resumes in under 5 minutes with zero account required.
Problem: Designers and developers needed accessible color schemes without switching between multiple tools. Built: A palette generator with harmonious schemes, WCAG contrast checks, and export options. Result: Produces export-ready palettes in seconds with built-in accessibility validation.
Problem: API testing workflows were scattered across Postman collections with no lightweight browser-based option. Built: A React testing tool with a clean UI for sending requests, inspecting responses, and validating endpoints. Result: Cuts routine API check time by ~50% for single-endpoint validation tasks.
Problem: Small teams had no lightweight tool for async task tracking without heavy project-management overhead. Built: An interactive kanban board with drag-and-drop columns and smooth Framer Motion transitions. Result: Organizes 20+ tasks across 3 columns with zero backend setup required.
Problem: Users relied on weak or reused passwords without a trustworthy client-side generator. Built: A password generator with customizable length, character sets, and real-time strength indicators using the Web Crypto API. Result: Generates cryptographically secure passwords instantly with zero server transmission.
Problem: Pi calculation concepts were hard to grasp through static diagrams alone. Built: An interactive Canvas visualization with animated point generation and real-time convergence display. Result: Makes abstract math tangible through 60fps animations on any modern browser.
Problem: Content creators needed a self-hosted blog with auth and rich editing without WordPress complexity. Built: A Next.js CMS with rich text editing, user authentication, and responsive layouts. Result: Supports full publish workflows for multiple authors with MongoDB-backed persistence.
Problem: Freelancers spent too long formatting invoices manually in Word or spreadsheets. Built: A minimalist invoice builder with live preview and one-click PDF export. Result: Produces professional invoices in under 2 minutes with no sign-up required.
Personal systems work I'm building outside client projects — tracked here honestly as it happens, not presented as finished until it is.
Packaging my GNU Stow–managed dotfiles into a documented, public repo.
Why: I rebuild or reconfigure my environment often enough that redoing it by hand every time was wasting real hours — I wanted one command to get back to a working setup.
Bash scripts that provision and sync my Ubuntu workstation end-to-end.
Why: Manually re-provisioning a machine after every fresh install or migration got old — I wanted the setup scripted and repeatable instead of remembered.
A personal environment for practicing real deployment workflows.
Why: I wanted to understand deployment beyond a Vercel one-click deploy — what actually happens between a git push and a server serving traffic.
I'm always excited to collaborate on new projects and bring innovative ideas to life.