BUILDMID

Build a Tweet-Sized App Gallery

60 minutes

0 completed

reactiframecode-golfcreative-coding

Description

Build a gallery of tiny functional web apps — each implemented in 280 characters or less of JavaScript.

Requirements

Gallery grid of at least 10 tweet-sized apps (clock, color picker, counter, etc.)

Each card shows: title, live preview iframe, character count, and the code

Click a card to open it full-screen with an editable code area

Live preview updates as the code is edited

Character counter that turns red when over 280

Share button that creates a URL with the code encoded in the hash

Submit your own: form to add a new tweet-sized app to the gallery

Render each app in a sandboxed iframe using srcdoc. The challenge is curating genuinely clever tiny apps.

Upvote/favorite system

Category tags (game, tool, art, utility)

Minification helper that tries to compress code under 280

You will be guided through MCP setup before the timer starts