Weather Dashboard

• Search weather by city name
• Display temperature, humidity, and conditions
• Show a weather icon based on conditions
• Toggle between Celsius and Fahrenheit

Follow these steps in order. Each one builds on the previous.

1. Step 1

   Create the HTML structure with a search form

2. Step 2

   Style the page with CSS flexbox

3. Step 3

   Sign up for a free OpenWeatherMap API key

4. Step 4

   Write the fetch() call to get weather data

5. Step 5

   Parse the JSON response and extract key fields

6. Step 6

   Display the data dynamically using DOM methods

7. Step 7

   Add the Celsius/Fahrenheit toggle button

• MDN Fetch API
• OpenWeatherMap free tier
• CSS Flexbox guide