Week 2/40 — Idea Log & Randomizer

Tech stack (this week)

  • Plain HTML + CSS + JavaScript

  • Browser storage: localStorage

  • Hosting: GitHub Pages

New topic: persistence without a backend (localStorage).

Why this week?

I wanted a small step up from static: something interactive that remembers data. Still simple, still shippable.

What I shipped

A tiny app where I can add ideas (title + description), see them in a list, and pick a random one — stored in localStorage so it survives refreshes.

Demo (copy/paste):

https://florianhoeppner.github.io/w40-week02-idea-log/

The One Feature Rule

One feature: CRUD-ish idea list + random pick, persisted in browser.
Not doing: accounts, databases, frameworks.

What I learned

Persistence is a product feature. Even “just localStorage” makes an app feel real.

Follow along (code it yourself)

  1. Build a form → push idea objects into an array.

  2. Save array JSON to localStorage.

  3. On load: read JSON → render list.

  4. Add “Random” button: pick an index and display it.

Previous
Previous

Week 4/40 — First Full-Stack App (React + TS + FastAPI)

Next
Next

Week 1/40 — Static Idea of the Week