Case study

experimental2025

Apoc BnB

Post-apocalyptic Airbnb parody with Mapbox integration, AI chatbot, dynamic pricing, neobrutal design system with radioactive green theme. Full test coverage with Vitest.

Where wild ideas take flight and curiosity leads

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

The Experiment Lab✦II-Class Star

●LIVE

View on GitHub

View Live Site Source Code

Evidence

Interface & evidence

A real surface area—not a mock. Scroll the story below for constraint, build, and outcome.

Signature viewapoc-bnb.vercel.app

Open Live Site

apoc-bnb.vercel.app

Story arc

How this shipped

Where wild ideas take flight and curiosity leadsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Demonstrating full-stack e-commerce patterns while keeping the project entertaining and memorable.

II · Build

The craft

Built complete booking platform with Mapbox integration, AI-powered concierge chatbot, dynamic pricing algorithms, and distinctive neobrutal design.

III · Proof

What moved after launch

Full Vitest coverage ensures reliability. Mapbox integration handles location-based search. AI chatbot demonstrates conversational commerce patterns.

Inventory

Stack & signals

Next.js 16MapboxZustandFramer MotionVitest

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot—I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Start a Conversation See More Projects

Related work

Same clustersignal 3

Signal: Medium

Next.js 16Framer Motion

TimeSlipSearch

🏆 Winner of Algolia Agent Studio Challenge ($750 prize) - "Conversational time machine" exploring 1958-2020 pop culture with 420,000+ records (Billboard, TMDB, FRED, Wikimedia). Featured by DEV Community for making "deep data archives feel accessible and fun."

Nearby systemsignal 1

Signal: Low

Next.js 16

CRC Lead Gen Platform

Public-facing lead generation and admin console for CyberReady Clinic. Next.js 16 + React 19 + Drizzle + Neon Postgres + Better Auth + MSAL Azure AD. Admin console manages newsletter, volunteer, mentor, and client questionnaire pipelines; integrates Power Automate callbacks for the Dataverse handoff.