Work

Projects & Case Studies

Every project taught me something about architecture, scale, or people. Here are the ones that shaped how I build.

1,200+ commits · #7Mar 2024 — PresentStaff Software Engineer — Full Stack Platform

Operational Admin Platform Modernization

33 domains, 170+ integrations, validation, authorization, and integration testing at enterprise scale

Modernized and extended a large internal admin platform used by operations, compliance, merchant support, finance, and campaign teams. Work included custom validation, integration architecture, authorization, error handling, database migrations, and automated testing.

Java 21Spring BootVue 3PiniaOpenFeignMySQLRedisKafkaOPAPlaywrightWireMock

1,200+Commits170+Service Integrations33Feature Domains300+E2E Specs

32 Jira issues · 185+ commitsJan 2022 — May 2024Senior Software Engineer — Frontend & Platform

Business Merchant Platform

Merchant-facing portal, realtime transaction dashboard, analytics revamp, and shared component packages

Built merchant-facing portal features and shared component packages for businesses managing payments, settlements, transactions, campaigns, and account operations. Led realtime dashboard and transaction analytics improvements.

Vue 2TypeScriptVuexElement PlusSCSSpnpmTurborepoWebSocketAWS API GatewayJWTNew Relic

50+ filesRealtime Scope140+ filesAnalytics Revamp25Shared Packages2+ yearsActive Duration

430 batch commits · #3 contributorMay 2024 — PresentSoftware Engineer — Infrastructure & Platform Automation

Infrastructure, Batch Processing & Kubernetes

Distributed batch coordination, Kustomize deployment overlays, and custom GitHub Actions automation

Worked on distributed batch processing, Kubernetes deployment configuration, database migration coordination, deterministic container builds, and custom TypeScript GitHub Actions for team workflow automation.

Java 21Spring BootShedLockKafkaMySQLFlywayKubernetesKustomizeDockerJibGitHub ActionsTypeScript

430+Batch Commits#3Batch Rank50+K8s Commits80%+Action Ownership

Built in Vue 3 + Composition APIDraft2023Personal Project — Vue 3 Exploration

Grocery Cart

Vue 3 shopping cart with smart filtering and real-time cart calculations

A feature-rich grocery shopping application exploring Vue 3's Composition API for clean, maintainable state management. Browse products, filter by multiple criteria simultaneously, and manage a cart with real-time price calculations including tax and delivery.

Vue 3TypeScriptTailwind CSSVite

Vue 3 + TSTech StackSmart FiltersFeaturesComposition APIState MgmtViteBuild Tool

Built with Nuxt 3 + TailwindCSSDraft2023Personal Project — Design-to-Code

Mael — Email Dashboard

Nuxt 3 email dashboard translating Dribbble design to working UI

A modern email dashboard translating a Dribbble design concept into a functional Nuxt 3 layout. Features inbox management, email threading, responsive sidebar navigation, and systematic breakpoint behavior.

Nuxt 3Tailwind CSSTypeScriptVite

Nuxt 3FrameworkDribbbleDesignTailwindCSSStylingMobile-firstResponsive

Vue 3 + TypeScript + pnpmDraft2023Interview Take-Home Project

News Lister

Vue 3 news aggregator with keyword search, pagination, and responsive design

A Vue 3 news article explorer that consumes a REST API to fetch and display news stories. Features keyword search with suggestions, paginated results, article cards with thumbnails, and a flexible architecture designed to easily swap news feed sources.

Vue 3TypeScriptpnpmREST APIVite

Vue 3 + TSFrameworkKeyword + suggestionsSearch10 per pagePaginationExtensibleFeed System

Built with React 18 + Tailwind CSS 3.4Draft2023Personal Project — React Exploration

GenPass — Password Generator

React password generator with entropy-based strength and one-click copy

An elegant password generator built with React and Tailwind CSS. Customize length and character types, see real-time entropy-based strength, and copy with one click. Built to explore React hooks, Vite tooling, and utility-first CSS for focused tooling.

ReactTailwind CSSViteJavaScript

React 18FrameworkTailwindCSSStylingEntropy-basedStrengthOne-click copyUX

Full-stack: Node.js + Nuxt 3Draft2024Personal Project — Full-Stack Architecture

Yutube

Full-stack platform fusing YouTube video management with Twitter-style social interaction

A full-stack application fusing YouTube and Twitter functionality. Users upload and manage videos, publish tweets, create playlists, subscribe to channels, and engage through likes and comments. Backend handles auth, video processing, tweet CRUD, subscriptions, and channel analytics.

Node.jsExpress.jsMongoDBNuxt 3CloudinaryJWTVercel

Node.js + ExpressBackendMongoDBDatabaseNuxt 3 SSRFrontendVercelDeployed

Vue 3 + WeatherAPI.comDraft2023Interview Take-Home Project

Weather App

Vue 3 weather monitoring with city search, real-time API data, and responsive layout

A Vue 3 application that monitors weather conditions in various cities. Fetches real-time data from WeatherAPI.com with debounced city search, detailed conditions display, and responsive sidebar layout. Built as a coding exercise demonstrating API integration, state management, and error handling patterns.

Vue 3TypeScriptTailwind CSSViteaxiosdayjs

Vue 3 + TSFrameworkWeatherAPI.comAPIDebouncedSearchNetlifyDeployed