Labs
Labs & experiments
12 smaller builds: course projects, API practice and frontend exercises. Each was built to learn one specific thing rather than to solve a problem, which is why they are here rather than on the work page.
Course projects
Graded builds with a brief, a deadline and a rubric.
Street EatsWEB103 · Project 2
Source ↗A listicle of street foods, refactored so nothing is hardcoded: every dish is a row in a Render-hosted PostgreSQL table that the Express server creates and seeds on startup, exposed at /api/foods and /api/foods/:slug. Adding a dish became a row rather than a code change.
Express · PostgreSQL · Render · Vanilla JS
A CRUD directory of content creators backed by a Supabase Postgres database and rendered as a responsive card grid.
React · Supabase · PostgreSQL · React Router
A multi-page responsive site built to practice layout, navigation architecture and content structure across a large page tree. A design exercise, not a real institution.
Next.js · React · TypeScript
API practice
Small Express services built against PostgreSQL during the Tech Talent Pipeline residency: schema first, routes exercised in Postman before any interface existed.
Task APITTP
Source ↗A REST service over a task model, with the full set of CRUD routes and validation.
Express · Node.js
Books APITTP
Source ↗A REST service over a books collection, written from the schema outwards.
Express · Node.js
Recipes APITTP
Source ↗A REST service over recipes, built alongside a separate frontend that consumes it.
Express · Node.js
Server CheckpointTTP · assessed
Source ↗The assessed server checkpoint for the residency, passed before the next stage opened.
Express · Node.js
Frontend fundamentals
DOM work, layout and state, built as exercises rather than copied from a tutorial.
Trivia GameTTP
Source ↗A quiz driven entirely by direct DOM manipulation, with no framework and no build step.
JavaScript · HTML · CSS
Movie NightTTP
Source ↗A layout and responsive-design exercise built around a film listing.
CSS · HTML
Users DirectoryTTP
Source ↗A directory layout exercise covering card grids, responsive breakpoints and consistent spacing.
CSS · HTML
Developer Field NotesTTP · Git workflow
Source ↗Notes written up as a page during the Git workflow assignment: branching, review and writing a commit message someone else can use.
HTML · CSS
Data and notebooks
Analysis work, kept as notebooks rather than dressed up as applications.
IBM Data AnalystIBM · certification track
Source ↗Jupyter notebooks from the IBM Data Analyst track, with a Python analysis environment and the accompanying coursework.
Python · Jupyter · Pandas
My GitHub also carries forks of course starters and of a few large open-source projects. Those are other people's work and are not listed here.