CodingNic

Weather API & Current Conditions

Weather API & Current Conditions — Introduction

Weather API & Current Conditions 5 min read

Weather API & Current Conditions — Introduction

Weather API & Current Conditions

This module creates the first real data flow in WeatherNow: city input → API request → JSON response → DOM rendering.

You will configure a personal OpenWeatherMap key, build the current-weather request, connect it to the search form, and render the returned values into the prepared current-weather card. The module also introduces the location-aware timestamp used by the final project.

By the end: a valid city search displays live current conditions instead of the welcome panel.

Start here: complete the implementation lessons in order. Each lesson assumes the checkpoint from the previous lesson is working.