Part 11 of this project

Timer

Show an elapsed talk timer

Goal for this part

Show an elapsed talk timer.

Treat 11-Timer as the source of truth for this checkpoint. If your local tree drifted, re-clone that folder rather than mixing files from neighbors.

What you should already know

You do not need prior NW.js experience for part 1. Later parts assume you finished the earlier snapshots on the same machine.

  • Node.js is installed so you can run npm install
  • You are comfortable editing JavaScript and HTML files

Why NW.js fits Deckspire

NW.js runs Node and Chromium in one process—handy for a slide deck that needs both DOM and local files.

One slide per section element, fullscreen presenter mode, and keyboard nav teach structure without a SaaS deck tool.

Checkpoint

After you run the snapshot, you should recognize the behavior described in the goal—before you move on. If the window (or server) never appears, stop and fix the run steps.

Code shape

Snapshots stay small on purpose. Look for this kind of core call as you read the folder:

fs.writeFileSync(path, JSON.stringify(deck, null, 2))

How to run it

Clone the teaching repo, open 11-Timer, install what the README asks for, then run nw ..

git clone https://github.com/michaeldunga1/fcc-nwjs-slides.git
cd fcc-nwjs-slides/11-Timer
npm install
nw .

Common mistakes

  • Ignoring platform-specific install notes in the snapshot README
  • Hiding a feature in the UI without enforcing it in code
  • Leaving trash/spam actions irreversible
  • Forgetting a status message after a bulk action