OVERVIEW
“Woke or Not Woke” is a quick-to-grasp concept with viral potential. It invites users to classify cultural artifacts with minimal friction and a touch of humor — ideal for rapid sharing and casual engagement.
HOW IT WORKS
- CLOUDFLARE WORKERS: for edge-hosted routing and minimal APIs.
- VANILLA JAVASCRIPT: for a tiny footprint and instant interaction.
- STATIC ASSETS: delivered via the Worker’s ASSETS binding.
WHAT MAKES IT DIFFERENT
- Fast, minimal deployment with near-zero operational overhead.
- Snappy UX optimized for mobile sharing and quick reactions.
- Clear, meme-ready concept with a lightweight implementation.
MY ROLE
- Concept, interaction design, narrative constraints, and copywriting
- Frontend engineering (React, R3F), 3D integration, and hall of fame UX design
- Backend functions, real‑time data model, randomization engine, prompt engineering & sanitization, Stripe integration
- Performance tuning and type‑safe refactors across the codebase
TECH STACK
- React 19, TypeScript, Vite, Tailwind CSS
- Three.js + React Three Fiber + Drei
- Convex (Real-Time DB / Serverless Functions / Anonymous Auth)
- OpenAI Responses API (GPT-4.1_nano) + Images API (DALL-E 3)
- Stripe Checkout + Webhooks
- Cloudflare Workers
OUTCOME
A tiny-yet-sticky experience that balances playful interaction with practical, edge-native delivery. Easy to extend with additional prompts or simple scoring mechanics.