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.
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.
Question Builder Excel Add-in
Created an accounting question builder Excel add-in that granted the ability to tag and format Excel worksheets in such a way that would allow them to be parsed and converted into HTML output that could be used in the creation of Moodle cloze questions. Also developed new functionality in the question builder to allow the possibility to convert the entire Excel workbook into an Excel file format to be used in tandem with the accounting question taker Excel add-in.
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.
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.
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.