Full-Stack & Front-End Projects

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.

Portfolio Showcase

Featured Projects & Creations

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

School ERP Admin Portal - Project Screenshot
Featured
Practice Build
Enterprise Application

School ERP Admin Portal

A multi-module School ERP admin platform covering students, teachers, classes, attendance, exams, and fee management — a practice build for working through real enterprise-admin patterns end-to-end.

Next.js
TypeScript
Tailwind CSS
+1 more
Enterprise Administration Portal - Project Screenshot
Featured
Practice Build
Admin Dashboard

Enterprise Administration Portal

An enterprise administration portal — analytics dashboards, user management, reporting modules, and system configuration — built as a practice project to work through real admin-UI architecture.

React.js
Next.js
TypeScript
+1 more
SaaS AI Dashboard - Project Screenshot
Featured
Practice Build
SaaS Platform

SaaS AI Dashboard

An AI workspace layout inspired by commercial AI platforms — analytics, usage tracking, and a responsive dashboard UI, built as a practice project.

Next.js
TypeScript
Tailwind CSS
Modern E-Commerce Storefront - Project Screenshot
Featured
Practice Build
E-Commerce

Modern E-Commerce Storefront

A fully responsive e-commerce storefront — product catalog, product detail pages, cart workflows, and category navigation — built as a practice project.

Next.js
TypeScript
Tailwind CSS
SaaS Admin Dashboard - Project Screenshot
Featured
Practice Build
Dashboard

SaaS Admin Dashboard

An analytics-driven SaaS admin dashboard — KPI tracking, charts, reporting modules, and user management — built as a practice project.

React.js
Next.js
TypeScript
+1 more
Performance Testing & Reporting Framework - Project Screenshot
Featured
Full Stack

Performance Testing & Reporting Framework

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.

k6
Bun.js
Next.js
+1 more
Code Coverage Export Tool - Project Screenshot
Featured
Web App

Code Coverage Export Tool

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.

Puppeteer
Lighthouse
Node.js
+1 more
Remove Unused CSS Tool - Project Screenshot
Web App

Remove Unused CSS Tool

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.

PurgeCSS
Node.js
CSS Optimization
Resume Builder - Project Screenshot
Featured
Frontend

Resume Builder

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.

React.js
TypeScript
PDF.js
+2 more
Color Palette Generator - Project Screenshot
Featured
Frontend

Color Palette Generator

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.

React.js
TypeScript
Color Theory
+2 more
API HUB Testing Tool - Project Screenshot
Featured
Frontend

API HUB Testing Tool

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.

React.js
TypeScript
Tailwind CSS
+1 more
Kanban Board - Project Screenshot
Featured
Frontend

Kanban Board

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.

React.js
TypeScript
Tailwind CSS
+1 more
Secure Password Generator - Project Screenshot
Featured
Frontend

Secure Password Generator

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.

React.js
TypeScript
Web Crypto API
+1 more
HTML5 Canvas Pi Visualization - Project Screenshot
Featured
Web App

HTML5 Canvas Pi Visualization

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.

HTML5 Canvas
JavaScript
CSS3
+1 more
Blogging Platform - Project Screenshot
Full Stack

Blogging Platform

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.

Next.js
TypeScript
MongoDB
+1 more

Invoice Generator

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.

React.js
TypeScript
PDF.js
+1 more
Engineering Projects

Linux & Automation Roadmap

Personal systems work I'm building outside client projects — tracked here honestly as it happens, not presented as finished until it is.

In Progress

Ubuntu Dotfiles

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.

  • Daily-driver Ubuntu setup already managed with GNU Stow.
  • Currently cleaning up and documenting the repo so it's reproducible on a fresh machine.
Ubuntu
GNU Stow
Bash
Git
In Progress

Linux Automation

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.

  • Automates fresh-install setup — packages, shell config, SSH, and dotfiles.
  • Built to be one-command migration-ready when moving to a new machine.
Bash
Ubuntu
SSH
rsync
In Progress

Deployment Lab

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.

  • Base setup for the Docker, CI/CD, and VPS work below.
  • Goal: understand deployment beyond one-click platform deploys.
Ubuntu

Interested in working together?

I'm always excited to collaborate on new projects and bring innovative ideas to life.