Learn JavaScript

Lesson 2 of 4 · Three Projects: A Todo List, a Weather App, a Quiz Game

Module 18 · Three Projects: A Todo List, a Weather App, a Quiz Game

Project Two: A Weather App With Honest Loading, Error and Empty Screens

ProReading

David is planning a trip from Dhaka to Sylhet with his hostel friends. He wants to type a city and see the next five days. Kenji has already written fetch(url).then((r) => r.json()) and calls it done. Maria asks what the page shows while it waits, and what it shows when the network fails. Zara types a city that does not exist.

Checking what this lesson needs for you…

What is inside Project Two: A Weather App With Honest Loading, Error and Empty Screens

  1. What you build
  2. What it does not need
  3. The definitions
  4. The check program and the sample session
  5. Write first: the plan
  6. Requirements
  7. Sample input
  8. Sample output
  9. On your own machine
  10. Marking rubric
  11. Submission checklist