# Evenfall: prepare a quieter evening, then unplug

> Source: <https://dev.to/indranigit/evenfall-prepare-a-quieter-evening-then-unplug-2k33>
> Published: 2026-10-24 16:43:21+00:00

*This is a submission for the [Hacktoberfest Open-Source AI Challenge Week 3: Slow and Steady](https://dev.to/challenges/hacktoberfest-week3-2026-10-19).*

At the end of the day, even choosing something calming can become another task: find a story, pick a voice, choose background audio, and hope the connection holds.

Evenfall brings those choices into one quiet place. It generates bedtime stories with **Gemma** running in the browser, reads them using installed device voices, and synthesizes rain, ocean or brown-noise soundscapes. A shelf keeps favourites, and a three-evening pack lets you prepare ahead.

The selected Week 3 idea is the **offline** wind-down companion. Its central promise is practical: 

**after the first online setup, a new story can be generated without an internet connection**

.

click here -> [Open Evenfall on Render](https://evenfall.onrender.com/)

Use desktop Chrome on a device with WebGPU support.

The initial download needs internet. Offline use depends on retaining the browser's app and model caches. Narration needs installed local English voices; the options vary by device. WebGPU availability, memory and generation speed also vary.

These checks were performed on the deployed **Render** origin, including new **Gemma** stories with the tab network disabled, offline reload, cached model loading, saved-story persistence and a three-story pack.

**Optional online feature:** a place-based nature-inspiration search uses **SerpApi** through a separate Render backend. A real Kyoto search returned five source links and summaries. Recent results remained readable after an offline reload. A new, uncached search requires internet.

The optional search requires a personal backend access token. The public offline story experience does not.

[Current application source — integrations branch](https://github.com/indranigit/evenfall/tree/integrations)

Please use that branch: the default main branch contains an earlier static prototype.

The README documents the current demo and its setup requirements.

Evenfall uses Vite and JavaScript for the interface. WebLLM 0.2.86 runs a quantized **Gemma 3 1B model** in a worker, keeping inference on the device and separate from the interface.

Offline support has two parts: a service worker caches the built app, while **WebLLM** manages the model cache. Testing only the app shell would have missed the essential question: can the model still generate a new story after the network is disabled?

Browser speech synthesis supplies installed voices. Web Audio generates the soundscapes locally, so there is no audio stream to lose when the connection disappears. Stories live in browser storage, with JSON export/import for backups.

Render hosts the frontend and optional Node backend. The backend keeps the **SerpApi** key in its environment, restricts browser origins and requires a separate access token. It limits the returned summaries and caches repeated searches. The browser retains recent source summaries for offline reading.

There are real limits. A small model can produce short or repetitive stories. Browser storage can be cleared, device voices differ. Those limits are part of the demo instructions.

``` php
flowchart TD
  U[Evenfall browser app] --> W[Worker: WebLLM and Gemma]
  W --> G[Device GPU]
  U --> L[Local story shelf]
  U --> A[Device voices and Web Audio]
  C[Service worker app cache] --> U
  M[Cached model weights] --> W
  U -->|Optional online search| R[Authenticated Render backend]
  R --> S[SerpApi]
  R --> I[Source summaries cached in browser]
```

The offline requirement shaped the architecture. An open-weight model made it possible to move generation onto the device: the core story prompt does not need to go to a hosted inference API. That makes a disconnected evening possible after setup.

[Gemma](https://ai.google.dev/gemma), [WebLLM and MLC](https://github.com/mlc-ai/web-llm), and [Vite](https://vite.dev/) are the foundations credited here. Gemma's weights remain subject to its terms; open weights do not mean unrestricted licensing.

The payoff demonstrated in testing is fewer repeated choices: a story, a local voice and a soundscape in one place, with saved stories and a pack for later evenings.

Two community references informed the integration review: Jordan Sterchele's [Your First SerpApi Integration in JavaScript — From Hello World to Production](https://dev.to/jordan_sterchele/your-first-serpapi-integration-in-javascript-from-hello-world-to-production-2n9i) discusses server-side credentials and result handling, and API Kumo's [Handling API Rate Limits Gracefully](https://dev.to/apikumo/handling-api-rate-limits-gracefully-retry-logic-exponential-backoff-and-the-headers-youre-13hh) discusses avoiding uncontrolled retry behaviour.