My Projects
A collection of projects I've built, featuring modern technologies and clean design principles.
NextJS Dashboard
A comprehensive dashboard application built as my introduction to Next.js, following the official Next.js tutorial. This project served as a hands-on learning experience for modern React frameworks and full-stack development patterns. As a prerequisite, I also completed their React Foundations course, which covers the fundamentals of React, such as components, props, state, and hooks, and newer features like Server Components and Suspense.
Task Management App
A full-stack task management web application built with Next.js, featuring a responsive design and real-time optimistic updates. The app enables users to efficiently organize tasks within projects, with intuitive filtering, sorting, and seamless cross-device synchronization. Developed with a mobile-first approach, this project provided extensive practice with React, TypeScript, Next.js, and Tailwind CSS, particularly focusing on Next.js routing and React Context for efficient database operations with Postgres.
Portfolio Site
A client-side application hosted on GitHub Pages showcasing scalable JavaScript architecture through ES6 classes and inheritance patterns. Implements persistent UI preferences via LocalStorage with full theme synchronization. Originally developed with vanilla JavaScript applying professional patterns from industry experience, then reimplemented with React/Next.js to demonstrate framework versatility and comparative understanding. The structure of this project was inspired by the codebase I'd worked on with MyChapter at Tramplezone LLC.
Duolingo Chinese → Anki Bridge
I solved a key problem for language learners: Duolingo's missing flashcard feature. My tool makes it possible to create flashcards using the Anki platform from lesson vocabulary. It ethically complies with Duolingo's TOS by not scraping their copyrighted assets; instead, it extracts text and uses external TTS services to generate new audio, providing a legal and effective study aid. Check out the README on Github for a demo of the workflow.