From Chapter 2 to Chapter 34
This is the preserved trail from my first structured HTML page through database-backed Node applications. The original code and assets remain frozen on a dedicated GitHub branch, while this page provides a safe, readable gallery without restoring retired production routes.
8 preserved projects
Node, Express, APIs, PostgreSQL, authentication, and server-rendered applications.
Open screenshot
A capstone combining an external movie API, a PostgreSQL database, user accounts, search, and shared comments.
Original route
/project34/
Open screenshot
A persistent PostgreSQL to-do list demonstrating create, read, update, and delete operations.
Original route
/project33-3/
Open screenshot
An extension of the travel tracker that lets multiple users maintain separate maps.
Original route
/project33-2/
Open screenshot
A world travel map backed by a database, with country autocomplete and a custom clear-map control.
Original route
/project33-1/
Open screenshot
A server-backed blog interface for viewing, creating, editing, and deleting posts through an API.
Original route
/project30/
Open screenshot
An intelligence tool that processed public EVE Echoes killmail data to estimate where and when a player was active.
Original route
/project29/
Open screenshot
An API exercise covering authenticated requests, tokens, credentials, and retrieving a random anonymous secret.
Original route
/project28/
Open screenshot
My first deployed Node server project, wrapped around a deliberately simple band-name generator.
Original route
/project25/
16 preserved projects
The HTML, CSS, Bootstrap, JavaScript, layout, and interaction work that came first.
Open screenshot
A mobile-compatible memory game built with JavaScript events, sound, and an increasingly long color sequence.
Original route
/static/20-Simon/
Open screenshot
A faster version of the drum kit that preloads audio and reuses sound objects instead of recreating them on every hit.
Original route
/static/18-2-Drums-Improved/
Open screenshot
A keyboard-and-click drum kit using DOM queries, event listeners, audio, and a switch statement.
Original route
/static/18-1-Drums/
Open screenshot
A two-player dice game with random rolls, a replay button, flexbox layout, and custom typography.
Original route
/static/17-Dice-Game/
Open screenshot
The first substantial Phishtopia redesign, combining the HTML and CSS skills learned through the course.
Original route
/static/13-Phishtopia-v1.0/
Open screenshot
A quick hotel homepage concept created to practice typography, contrast, hierarchy, and visual direction.
Original route
External Canva page
Open screenshot
A responsive dog-dating landing page assembled with Bootstrap sections, components, and layout utilities.
Original route
/static/11-TinDog/
Open screenshot
A from-scratch recreation of a Mondrian-style composition built almost entirely with CSS Grid.
Original route
/static/10-Mondrian/
Open screenshot
A responsive three-tier pricing layout made with flexbox that collapses cleanly to one column on mobile.
Original route
/static/9-Prices/
Open screenshot
A responsive agency layout built under strict constraints using floats and block layout rather than flexbox or grid.
Original route
/static/8-Agency/
Open screenshot
A CSS positioning puzzle that constructs the flag of Laos entirely from styled div elements and text.
Original route
/static/7-Flag/
Open screenshot
An original meme page using custom typography, borders, alignment, transforms, spacing, and a dark background.
Original route
/static/6-Meme/
Open screenshot
A basic CSS exercise using tag, class, and ID selectors to control text styling and image dimensions.
Original route
/static/5-Spanish-Colors/
Open screenshot
A simple HTML page demonstrating document structure, images, links, and navigation between pages.
Original route
/static/4-This-Page/index.html
Open screenshot
An early HTML exercise combining an image with headings, paragraphs, and an unordered list.
Original route
/static/3-Birthday/birthday-invite.html
Open screenshot
My first structured project page, using headings and paragraphs to present a ranked movie list.
Original route
/static/2-Movies/movie-rank.html