weather-app - Live Preview

About

This project is part of TheOdinProject curriculum. The project's lesson can be found here. The goal of this project was to practice asynchronous JS, specifically the new async/await syntax.

Features

• clean and minimal interface
• location can be set by city/country/coordinates or using GPS (Geolocation API)
• dynamic color for the air quality & dynamic icon for wind's direction
• loading circle to notify the user about the request state
• API errors are handled & displayed

Technologies used

• HTML5
• CSS3
• JavaScript

Libraries used

• jtml to write HTML in JS

Tools used

• git
• Figma

Credits

• WeatherAPI
• FontAwesome