Build a Personal Dashboard You'll Actually Use

What you’ll build: a clean personal dashboard on a single screen — a live clock, today’s weather, a little to-do list, and a rotating daily quote — that you can bookmark and open every morning. Time: ~10 minutes. Cost: free.

This is the perfect first project: no accounts to wire up, no code, and you’ll have a real, working thing on your screen almost immediately.

The tool: Claude Artifacts

When you ask Claude to build a web page or small app, it renders a live, interactive Artifact right beside the chat — and you can publish it to a shareable link. That’s the entire toolchain. (You can do the same idea with v0 if you want a more polished React version later.)

Build it

1. Open Claude and describe the dashboard. Be specific — paste something like this as your first message:

Build me a personal dashboard as a single HTML page. It should have:
- A big live clock (updates every second) and today's date
- Today's weather for my city (use a free weather API that needs no key,
  like Open-Meteo)
- A simple to-do list I can add items to and check off, saved in the
  browser so it persists on reload
- A "quote of the day" that changes daily
Use a calm dark theme, big readable text, and a clean card layout.

2. Watch it build, then use it. Claude generates the page and shows it live in the Artifact panel. Try it right there — add a to-do, watch the clock tick.

3. Iterate, one change at a time. Just tell it what to tweak:

• “Make the clock bigger and center it.”
• “Add a greeting that says Good morning / afternoon / evening based on the time.”
• “Let me set my city for the weather.”

4. Publish and bookmark it. Use the Artifact’s Publish / share option to get a link, open it in your browser, and bookmark it. Done — that’s your morning screen.

Make it yours

• A countdown to your next trip, birthday, or deadline.
• A “focus” dashboard: just a big timer + one task for deep-work sessions.
• A dashboard for someone else — your parents’ one-tap links, or a kid’s chore chart with stars.
• Add your calendar feel by pasting a list of today’s events for it to show.

Reality check

• The to-dos are saved in your browser (via local storage), so they live on that device/browser — great for a personal screen, not synced across devices. If you want real sync, that’s the web-app-from-a-prompt project.
• Free weather APIs like Open-Meteo genuinely need no key, which is why it’s the easy choice — if Claude reaches for one that needs an API key, just say “use a free no-key weather API instead.”
• Published Artifacts are hosted for you by Claude — perfect for personal use and sharing a link.

Next up, something more playful: a browser mini-game you can actually put online.