y2k Guestbook

Content Engineering

Content Architecture

Frontend Development

Developer Content

Feature Documentation

User Guides

Next.js

React

TypeScript

Node.js

SQL

Postgres

Tailwind CSS

PostHog

Vercel

Supabase

Google Cloud Platform

Feature Flags

I designed and built a mobile-responsive Next.js application styled with Tailwind CSS and a backend powered by Supabase, featuring:

Admin functionality for comment management and customization, dashboard gated via Google OAuth 2.0.
Built-in rate limiting and profanity filtering, and admin notifications powered by Supabase Edge Functions.
Docs in MDX with Gemini chatbot, API reference implemented with Scalar.

Concept

Nostalgic for the days of Geocities, anonymous guestbooks, and Adobe Flash animation websites, I built a modernized version with a poetic twist:

My Modernized Guestbook

Modernized Guestbook Mobile View

Documentation

Documentation guides include search functionality, and the API reference features an interactive explorer where users can input their own credentials to test the API when their applications are fully installed:

y2k Guestbook Docs

y2k Guestbook API Library

Alongside the interactive API library, I built a chatbot powered by Gemini that can answer questions about the documentation:

The live chatbot uses Supabase’s pgvector extension to store the embeddings of the documentation, and the Gemini API to answer questions:

Live Chatbot Powered by pgvector — Live Chatbot Powered by `pgvector`

My initial, more complex proof-of-concept chatbot used a local Elasticsearch instance served via Docker and the Gemini API to answer questions about the documentation:

Proof-of-Concept Chatbot Built with Elasticsearch

Try Chatbot Yourself!

Feature Flags

Using feature flags I implemented, I can toggle between different versions of the application, like the deployment below which doesn’t feature the poetry volume and instead serves the guestbook commenting board at full size:

Guestbook Alternate Version

Guestbook Alternate Version Mobile View

Or display two different versions of the documentation, such as one that reflects the features of my custom install, and one that reflects the features of the public install:

y2k Guestbook Custom Docs

y2k Guestbook Public Docs

Citations

Learn more about how I built my guestbook and the accompanying documentation:

beck-chan: guestbook

Documentation Build

y2k Guestbook Docs

Learn how I built the documentation for my guestbook, including details on the API reference implemented with Scalar and how search and LLM-ingestion is supported.

Chatbot Build

y2k Guestbook Docs

Learn how I built the chatbot for the documentation, using Supabase’s pgvector extension and Gemini API.

Guestbook Build

y2k Guestbook Docs

Learn how I built the guestbook, including details on admin authentication gated by Google OAuth 2.0 and notifications powered by Supabase Edge Functions.