This is a submission for the DEV April Fools Challenge
What I Built
Gnoke TimeTravel ⏳
A lightweight, browser-based "Cosmic Return Date" calculator. Using a proprietary (and highly questionable) karma engine, this app determines exactly when the universe will allow you to return to Earth based on your life choices and plant-parenting skills.
🌟 Features
- Karma Engine: A logic-based quiz that evaluates your cosmic standing.
- Dynamic Calculation: Predicts your return year and "Era" based on your total karma score.
- Gnoke Design System: A clean, cosmic-themed UI with a focus on typography and smooth transitions.
- Dark Mode: System-aware and manual toggle support.
- Offline First: Built as a PWA with a Service Worker for reliable performance anywhere in the galaxy.
- Zero Dependencies: Pure Vanilla JS, HTML, and CSS.
- ☕ TEA‑RRIFIC
Demo
Code
How I Built It
- Frontend: HTML5, CSS3 (Custom Properties/Tokens)
- Logic: Vanilla JavaScript (ES6+)
- State Management: Custom Pub/Sub pattern (state.js)
- Persistence: localStorage for theme preferences.
- Icons: Emoji-based for zero asset overhead.
- Built on: Infinix Hot 12 Play (mobile-first approach)
Prize Category
Community Favorite — it's delightfully useless, fun, and deterministic. ☕ TEA‑RRIFIC.
Top comments (0)