Projects

Work Projects

Instructor Dashboard — Vue 3 Migration

Led the full architectural migration of the instructor dashboard from Vue 2 with Vue CLI, Vuex, and CoreUI Pro to Vue 3 with Composition API, Pinia, Nuxt UI, and Tailwind CSS — spanning 30+ views and 130+ components, reducing bundle size by 63% and improving page loads by over 50%. Rebuilt every major feature from scratch as the primary developer, including the ticket system, notification system, integrations, account profile, book catalog, and a redesigned request materials flow powered by Google Address Validation API.

Implemented Zod schema validation across all forms, built a centralized API composable layer with VueUse, and introduced a testing suite with Vitest and Playwright. Modernized patterns throughout with lazy loading and persisted state.

JavaScriptVue 3Tailwind CSSPiniaZod

Instructor Dashboard

Built a comprehensive Vue 2 web application serving as the primary instructor-facing interface for managing courses, students, assignments, LMS integrations, support tickets, and account settings, using CoreUI Pro and Bootstrap. Conducted three rounds of accessibility audits addressing contrast, ARIA labels, landmarks, and keyboard navigation, and delivered major features including a course section UI overhaul, a multi-month ticket system rebuild with conditional form logic and file attachments, and draggable course reordering.

JavaScriptVue 2Bootstrap

Question Taking Excel Add-in

Created an accounting question taker Excel add-in that allowed users to work on accounting questions Excel files created by the account question builder Excel add-in. Answers entered by a user would get parsed and checked by an advanced algorithm to properly account for all possible and equivalent answers to ensure users would be able to take advantage of Excel's formula feature for their answers.

JavaScriptVue 3Office.jsBootstrap

Course Renderer

Developed the primary LMS course interface serving students and instructors, featuring a drag-and-resize widget-based course home page, route-based role restrictions, lazy-loaded content rendering with skeleton placeholders, guided tours powered by shepherd.js, and a last-accessed-page system with iterative refinements. Conducted a comprehensive accessibility audit spanning the full application and built supporting features including section management, Online Excel integration via WOPI, video transcripts, and first-time user onboarding.

JavaScriptVue 2Bootstrap

Marketing Site

Built a public-facing marketing site in Nuxt 3, migrating from a legacy PHP codebase, with interactive feature sections, video modals, image viewing, Calendly scheduling integration, LMS partner showcases, and a sticky navigation footer. Developed account flows including login, catalog browsing, and enrollment paths, with accessibility improvements applied throughout and SPA deployment via GitHub Actions.

JavaScriptVue 3NuxtSCSSBootstrap

Personal Projects

Academic Projects