Intermediate project
Weather App
What you'll learn
- • Fetch API
- • Async/await
- • Working with JSON
- • Loading and error states
Features
- ✓ Search by city
- ✓ Current temperature & description
- ✓ Uses free Open-Meteo API (no key required)
Live demo
Source code
html
<div class="app">
<form id="f"><input id="city" placeholder="Enter a city" required /><button>Go</button></form>
<div id="out"></div>
</div>