Projects
Things I've designed, built, and shipped, and the engineering decisions behind them.
A fingerspelling trainer: it shows a word, you spell it to your webcam, and it grades each letter in real time.
- Hand tracking runs entirely in the browser with MediaPipe. Video never leaves the device; only 21 hand landmarks per frame are processed.
- Letters are recognized by a small neural network trained in Python with scikit-learn, exported as JSON weights, and run in plain TypeScript with no ML runtime. Shared fixtures keep the Python and TypeScript pipelines in exact agreement.
- Motion letters (J, Z) and double letters are detected with geometric checks on a one-second landmark buffer, tuned against my own recorded samples.
- Letter confirmation is a pure, unit-tested state machine, and CI runs lint, typecheck, and Jest on every pull request.
Built with
- TypeScript
- Next.js
- MediaPipe
- Python
- scikit-learn
- Jest
- Tailwind CSS
- Vercel
A grocery list app that turns recipes into shopping lists and sorts items by supermarket aisle.
- Per-user access is enforced in the database with PostgreSQL Row Level Security, so the client can safely talk to Supabase with a publishable key.
- Recipe import is rule-based parsing with a review step before anything is added, favoring accuracy over cleverness.
- Data logic lives in custom hooks (useItems, useLists, useRecipeImport), keeping components presentational. The schema is versioned as Supabase CLI migrations.
- Sign-in is one-tap Google OAuth with a magic-link email fallback.
Built with
- TypeScript
- Next.js
- React
- Supabase
- PostgreSQL
- Tailwind CSS
- Vercel
Q&A Platform
Team project with Matthew Hodges · CS 5500, Northeastern
A Stack Overflow–style site where people ask and answer questions, vote on answers, and moderate reported content.
- We extended the course's starter app into five Express services (users, questions, answers, tags, and profiles), each running independently with its own MongoDB database behind a React client.
- Every service validates requests and responses against its own OpenAPI spec and publishes interactive Swagger docs.
- Jest unit and integration tests cover 100% of server statements, branches, and functions, and Cypress end-to-end tests cover the core flows: asking, answering, voting, moderation, and account management.
- GitHub Actions runs both suites on every merge to main, and we scanned the codebase with CodeQL for security issues.
Built with
- TypeScript
- React
- Node.js
- Express
- MongoDB
- OpenAPI
- Jest
- Cypress
- GitHub Actions