Post

Three free challenges for learning to fetch data from an API, in order. On each one, think about the empty states and edge cases (e.g., a failed API request). What should they look like? Thinking about these things when you build will help you build better projects.

30/9/26, 4:15 pm0 reposts0 likes

Frontend Mentor

@frontendmentor.io

Advice generator app (Junior) Your first API call: fetch a piece of advice from the Advice Slip API and show a new one each time the dice button is clicked. www.frontendmentor.io/challenges/...

frontendmentor.ioBuild an Advice Generator App | API Integration ProjectBuild an advice generator using the Advice Slip API. Perfect for beginners learning to work with third-party APIs with Figma designs included.

Frontend Mentor

@frontendmentor.io

IP Address Tracker (Intermediate) Show the user's IP on a map when the page loads, then search any IP address or domain. You'll pair the IPify API with a mapping library like Leaflet. www.frontendmentor.io/challenges/...

frontendmentor.ioBuild an IP Address Tracker | API & Mapping ProjectBuild an IP tracker using geolocation and mapping APIs. Practice combining multiple APIs with professional Figma designs included.

Frontend Mentor

@frontendmentor.io

Weather app (Intermediate) Search a location and show current conditions, an hourly forecast, and a 7-day forecast from the Open-Meteo API, with metric and imperial units. www.frontendmentor.io/challenges/...

frontendmentor.ioBuild a Weather App | API Integration ProjectBuild a weather app with search, forecasts, and unit conversion using the Open-Meteo API. Practice API integration with Figma designs included.