Teknolohiya: Next.js 16 (App Router, Turbopack), React 19, TypeScript, Tailwind CSS v4, Lucide React, Upstash Redis, PeerJS (WebRTC), DeepSeek AI API, Web Audio API, Canvas API
Pangunahing Resulta: Paglikha ng disposable chat room sa loob ng wala pang isang segundo na may zero permanent tracking, zero account ng user, zero pag-imbak ng mensahe sa database, at garantisadong kumpletong pagkasira ng data sa pag-expire ng room (T).
Paglalarawan: Ang 4momentary ay isang brutalist at walang-alitan na ephemeral communication protocol at real-time messaging system na ginawa gamit ang Next.js 16, React 19, at Tailwind CSS v4. Nakabase sa isang architectural equation kung saan walang data na natitira kapag nag-expire na ang kwarto (T), naghahatid ito ng mga disposable chat room, multi-channel at category hierarchies, 1MB image sharing na optimized sa browser, direct WebRTC peer-to-peer relaying, interactive 3D Space Radar Map, at custom na BYOK AI companion (The Moth) na may directive personas at web tooling.
Ang Pundasyong Matematikal at Pilosopiya ng Produkto
Ang kabuuang arkitektura ng produkto ay pormal na ipinapahayag bilang isang mathematical equation:
room (kwarto): Isang espasyo na may pangalan at countdown clock. Wala nang iba pang kailangang i-configure.
channel: Walang limitasyong sub-channel sa loob ng room, bawat isa ay may sariling hiwalay na chat log.
category: Isang lohikal na grupo ng mga channel na umiiral nang mag-isa—hindi binabago ang pangalan ng mga channel.
link: Isang malinis na URL. Walang invite code na tatanggapin, walang pagpaparehistro ng account, walang pag-install ng application.
timer: Countdown mula 30 minuto hanggang 24 oras. Maaaring tapusin ng host ang kwarto nang mas maaga.
⊕ (Append): Mga kalahok at mensahe na idinadagdag habang dumarating.
− accounts: Ibinawas. Walang nagpaparehistro, walang naglo-login.
− archive: Ibinawas. Walang mensahe o larawan na mananatili lampas sa T.
− tracking: Ibinawas. Walang cookies, walang analytics, walang profiling, walang tracking pixels.
T (Expiry): Ang sandali kung kailan ang kwarto at lahat ng nakalaang memorya nito ay tuluyang mawawala.
∅ (Walang Laman): Hindi simpleng "soft-deleted"—literal na walang natitirang buburahin.
Ang Problema at Madiskarteng Pagkakataon
Pagsubaybay at Permanenteng Archive: Ang mga modernong chat app (Discord, Slack, Telegram, WhatsApp) ay permanenteng nagtatabi ng mga mensahe, file, user relations, at behavioral metadata sa mga cloud server. Ang pagbubukas ng panandaliang pag-uusap ay nag-iiwan ng permanenteng digital footprints.
Hadlang sa Pagsisimula: Ang paggawa ng temporary room para sa incident call, panayam, design review, study group, o paghahanda sa laro ay kasalukuyang nangangailangan ng account, OAuth login, at pag-download ng app.
Mabibigat na Interface: Karaniwang pinapalibutan ng mga notification, badge, listahan ng server, at palamuti ang simpleng pag-uusap.
Ang Pagkakataon: Gumawa ng disposable communication tool na may brutalist aesthetics, one-click room launch, garantisadong privacy na walang pananatili ng data, at magaang AI companion.
Arkitektura at mga Teknikal na Desisyon
1. In-Memory Edge Relay at Redis TTL Expiration
Zero-Database Core: Ang mga kwarto ay tumatakbo lamang sa panandaliang server memory (/api/room/[roomId]).
Redis TTL Fallback: Kapag ginamit ang Upstash Redis, ang bawat room ay binibigyan ng Time-To-Live (TTL) na katumbas ng natitirang oras nito. Sa pagtuntong sa zero, awtomatikong binubura ng Redis ang lahat ng room key nang hindi nangangailangan ng manual garbage cleanup.
Server-Authoritative Clock: Ang oras ng pagtatapos (expiresAt) ay mahigpit na sinusubaybayan sa server. Kapag nag-expire na, agad na tatanggihan ng API ang anumang mensahe gamit ang HTTP 403.
2. Direct WebRTC Peer-to-Peer Mesh
Direktang P2P Data Channels: Ang mga browser sa parehong kwarto ay sumusubok kumonekta nang direkta gamit ang PeerJS at mga pampublikong STUN server para sa napakababang latency ng mensahe.
Matibay na Fallback: Kung ang firewall o NAT network ay humadlang sa direktang koneksyon, maayos na lumilipat ang client sa in-memory edge relay ng server.
Multi-Tab BroadcastChannel: Ang mga bukas na tab sa parehong device ay agad na nagsasabay-sabay gamit ang BroadcastChannel API nang hindi kumokonsumo ng dagdag na internet data.
3. Multi-Channel at Category Hierarchy
Walang Schema Overhead: Ang mga channel ay simpleng metadata tag (Message.channelId) sa mga mensahe. Walang hiwalay na database tables para sa mga channel.
Naititiklop na mga Kategorya: Maaaring pangkatin ang mga channel sa mga folder (Message.categoryId), na nagbibigay ng Discord-style na organisasyon nang walang kailangang backend setup.
Channel Scoping: Ang chat transcript, mga pagbanggit, at paghahanap ay naka-filter sa napiling channel, habang ang mga pangkalahatang abiso ng room ay nananatiling nakikita ng lahat.
4. 3D Space Radar Map at Telemetry
Spatial Room Projection: Bawat kwarto ay binibigyan ng coordinates sa virtual 3D space (X, Y, Z).
Interactive 3D Radar: Maaaring libutin ng mga user ang mga aktibong kwarto sa isang 3-axis orbital radar map na may controls para sa orbit, pan, zoom, at paglipat sa coordinates.
Live User Swarm: Ang mga aktibong kalahok ay ipinapakita bilang gumagalaw na dithered butterflies sa virtual space upang ipahiwatig ang presensya ng mga tao.
5. Client-Side 1MB Media Pipeline at Beehive Accent Picker
Pag-compress ng Larawan sa Canvas: Ang mga larawang idinidikit sa clipboard (Ctrl+V) o pinipili sa file picker ay awtomatikong pinapaliit sa isang HTML5 canvas upang matiyak na hindi ito lalampas sa 1MB limit.
Panandaliang Media: May staging preview bago ipadala, full-screen brutalist lightbox viewer, at tuluyang mawawala kapag natapos ang kwarto.
Beehive 39-Cell Hexagon Picker: Isang interlocking pointy-topped SVG honeycomb na nagbibigay-daan sa pagpili ng kulay ng avatar na may awtomatikong luminance contrast detection (isLightColor).
6. The Moth: BYOK AI Companion at Directive Marketplace
Bring-Your-Own-Key (BYOK): Gumagana gamit ang DeepSeek API key ng user na nakatago lamang sa sessionStorage—hindi kailanman itinatago sa server o isinusulat sa kwarto.
Persona Directive Marketplace: Koleksyon ng mga dalubhasang tagubilin kabilang ang Dota Coach (may real-time na Dotabuff/Dotafury parsing grammar), Sports Analyst, Math & Science, Research, at Professional.
Live Web Access: May kakayahang maghanap sa DuckDuckGo at magbasa ng mga web page nang ligtas mula sa server, na may in-memory cache at pagtatanggal ng mga personal na pagkakakilanlan.
Stationed Subcompanions: Kakayahang magtalaga ng subcompanion sa iba pang kwarto para sa tuluy-tuloy na pakikipagtulungan.
7. Brutalist Multi-Theme Engine
Limang Disenyo ng Tema:
4momentary (Noir): Obsidian monochrome black (#000000, matutulis na puting border).
Stark White: Mataas na contrast sa estilong papel (#ffffff, solidong itim na linya).
Terminal Phosphor: Retro CRT phosphor green (#050a05, kumikinang na green font).
Newsprint: Estilong editoryal sa diyaryo at uling (#f4efe6, tekstong #141311).
Industrial: Blueprint cyan at slate (#091018, accents na #00e5ff).
Disenyong Mobile-First: Naka-lock sa 100dvh viewport, walang horizontal scrolling, at may banayad na audio feedback mula sa Web Audio API.
Mga Sukatan at Detalye ng Sistema
Metriko / Parameter
Halaga / Pagpapatupad
Epekto sa Arkitektura
Bilis ng Paggawa ng Kwarto
< 1.0s
Agarang paglulunsad nang walang pagpaparehistro
Pangangailangan ng Account
0 Users / 0 Passwords
Walang banta ng pagnanakaw ng password o account leak
Pananatili ng Data
0 bytes pagkatapos ng expiry
Auto-purge sa Redis TTL + pagbura sa memorya
Real-Time Latency
P2P (< 50ms) / Relay (< 1s)
Direktang WebRTC mesh na may Edge relay fallback
Limitasyon sa Media
Eksaktong 1MB
Awtomatikong compression sa canvas bago ipadala
AI Integration
DeepSeek V3/R1 (BYOK)
Nakatago lamang sa browser session, walang data sa server
3D Radar Dimension
3-Axis (X, Y, Z)
Real-time orbital navigation sa mga aktibong kwarto
Tech Stack
Next.js 16 + React 19
Turbopack compilation at makabagong React 19 hooks
Pagkapribado, Seguridad, at Legal na Garantiya
Ang Hindi Kinokolekta: Walang email address, walang numero ng telepono, walang password, walang analytics tracking pixels, at walang permanenteng access logs na nag-uugnay ng IP sa mga mensahe.
Ang Itinatabi ng Browser: Ang display name, Beehive accent color, at theme preference ay nasa localStorage ng user. Ang DeepSeek API key at private room passwords ay nasa sessionStorage lamang at mabubura kapag isinara ang tab.
Ang Hawak ng Relay Habang Aktibo: Ang listahan ng mga kalahok (heartbeat bawat 25 segundo), paksa ng kwarto, coordinates, at mga mensaheng kasalukuyang ipinapasa.
Permanenteng Pagkawala: Sa oras ng T, ang nakalaang memorya ay agad na binubura. Ang mga nag-expire na kwarto ay nagbabalik ng HTTP 404, na pumipigil sa anumang susunod na pagbasa o pagpapadala.
Mga Pagninilay at Plano sa Hinaharap
Mga Natutunan: Ang pagpapanatili ng real-time sync sa pagitan ng mga tab at device nang walang persistent database ay nangailangan ng mabisang paggamit ng BroadcastChannel at in-memory TTL structures.
Katatagan ng WebRTC: Ang awtomatikong paglipat mula sa PeerJS patungo sa edge routes ay napatunayang napakahalaga para sa mga user na nasa likod ng mahigpit na corporate firewalls.
Mga Susunod na Hakbang: Pagpapatupad ng end-to-end payload signing gamit ang Web Crypto keys sa bawat session, at pagdaragdag ng spatial clustering algorithms sa 3D space map.
Aking mga Kontribusyon
Protocol at Backend Architecture: Binuo ang in-memory room store, Redis TTL expiration engine, server-authoritative countdown sync, at Edge API relay routes.
Frontend at UI/UX Design: Dinisenyo ang White & Black Brutalist aesthetic, ang 5 visual themes, 100dvh mobile layouts, at ang 39-cell Beehive color picker.
3D Telemetry at Space Map: Ininhinyero ang 3D coordinate projection, orbital camera navigation, at butterfly particle swarm.
Pagsasama ng AI: Binuo ang BYOK DeepSeek companion (The Moth), ang Directive Marketplace, Dotabuff/Dotafury parsing grammar, at mga tool sa paghahanap sa web.
Kalidad at Pagsusuri: Zero build errors sa Next.js 16 / React 19, walang ESLint warnings, at ganap na sumusunod sa pamantayan ng Impeccable.