DEV Community

Cover image for Memento
ojeh-a
ojeh-a

Posted on

Memento

Education Track: Build Apps with Google AI Studio

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I created memento, a minimalist, time-sensitive habit tracker and focus workspace built on the principles of wabi-sabi (beauty in simplicity and transient imperfection). By integrating custom audio synthesizer prompts, organic biological clock aligning color themes (Dawn, Day, Sunset, Night), time-blocking schedules, and a Gemini-powered cognitive coach, memento provides ADHD-friendly, stress-free micro-habits and focus intervals.

Prompts and design guidelines included:

  • "Build a wabi-sabi styled, minimalist biological alignment schedule with circadian theme transitions."
  • "Create an immersive full-screen focus cocoon with drift-preventing singing bowl chimes."
  • "Combine a morning/day input timeline for time-blocked intentions with an evening review action and reflections review list."

Demo

  • Live Applet ID: 38117c23-750d-4fbe-a516-46a87522e219
  • Theme Transitions:
    • Dawn/Morning: Cozy soft greens, encouraging gentle single-task intention plans.
    • Midday/Core Day: Warm terra-cotta sand/gold, providing active time-blocked sprints.
    • Evening/Night: Deep volcanic midnight charcoal, changing to a retrospective "What did you do today?" review space with custom journal reflections.
  • Pulsating Circadian Dot: A dynamic logo indicator transitioning from Green (morning) to Amber (afternoon) to Sunset Red (evening) alongside a horizontal Daylight Transition Progress Bar.

My Experience

Google AI Studio and Gemini made it incredibly easy to rapidly prototype custom full-stack solutions.

  • Surprise: The absolute zero-latency response of the model was staggering when handling dynamic interface layouts.
  • What I Learned: Building for accessibility (especially ADHD neurodiversity) requires intense design subtraction rather than addition. Gemini helped strip away the typical metrics-heavy noise of productivity models and focus entirely on present, tranquil alignment.
  • Key Takeaways: Integrating rich, full-screen micro-animations and contextual acoustic cues (like Crystal Bells and Zen Gongs) directly in client-side states results in software that feels analog, tactile, and human.

Top comments (0)