Study StudioCertificatesDashboardSign inSign in

← All projects

intermediate5h

API-Powered Lookup App

Combine JavaScript's fetch API with REST concepts and JSON handling to build a small app that queries a mock weather API.

Tracks: Git, APIs & SQL, JavaScript

Open in Project Studio

Objectives

Send a fetch request and handle the JSON response
Design a small REST-style request/response contract
Handle loading, success, and error states in the UI
Avoid unhandled promise rejections

Before you start

Milestones

0%

1. Fetch and render

Call a mock API and render the JSON result.

A fetch call retrieves JSON data
The result renders into the DOM
A loading state shows while the request is pending

2. Error handling

Handle failed requests and bad input gracefully.

Network/API errors show a clear message, not a blank page
Invalid input is validated before a request is sent
No unhandled promise rejection appears in the console

3. REST contract

Document the request/response shape you designed.

States the HTTP method and path used
Documents the JSON response shape
Lists possible status codes and their meaning

References

MDN: Using the Fetch API