Analysis updated 2026-05-18
Learn from a small real world Next.js and TypeScript project structure.
Use as a template to build a similar playful date-asking page.
Study how to build a multi step form flow with React state.
Adapt the escaping button and cat rain animation for other playful UI ideas.
| elizabthpazp/gatitos-cita-programador | 855princekumar/sense-hive | gatelynch/html-slides | |
|---|---|---|---|
| Stars | 32 | 32 | 32 |
| Language | HTML | HTML | HTML |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 2/5 |
| Audience | general | ops devops | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
Needs Node.js 18.17+ or Bun installed before running npm install.
This repository contains a playful interactive web application, written entirely in Spanish, that simulates asking someone out on a date. The concept is framed as a nerd-themed date request with cat memes and terminal-style visual elements throughout. It walks the visitor through a seven-step flow covering their favorite movie, a meeting place, an available date and time, preferred food, and what to do afterward. One of the signature features is the escape button. When the page asks whether the visitor wants a date, the No button physically moves away from the cursor each time someone tries to click it, shrinks with each attempt, and eventually disappears entirely after five tries, leaving only the Yes button. This is implemented in React using state to track click attempts and randomize the button position on each hover. After the visitor completes all seven steps, the app displays a summary of their answers and triggers a celebration animation where cat images rain down across the screen. The visual design uses a purple and pink color palette, smooth transitions between steps, and a code-terminal aesthetic with a monospace font. The project was originally a static HTML page and was later rewritten using Next.js 15, React 18, and TypeScript 5. The migration preserved all the original behavior and visual design while moving the logic from direct DOM manipulation to React state management. Setup requires Node.js and a standard package install, and the app can be deployed to Vercel or run locally. The README is in Spanish and the app itself is designed for a Spanish-speaking audience, though the code structure is fully readable without knowing Spanish. No license is specified beyond a note that it is free to use and modify.
A playful Spanish-language React and Next.js web app that walks visitors through a fun seven-step flow to ask for a date, with a runaway No button and a cat rain celebration.
Mainly HTML. The stack also includes Next.js, React, TypeScript.
Free to use and modify, though no formal license type is stated.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly general.
This repo across BitVibe Labs
Verify against the repo before relying on details.