https://github.com/bitcooker/wish-you-safe-and-sound

Wish You Safe And Sound gives current weather conditions based on your location and can be searched based on location. This site was built with CSS for styling, JavaScript for functionality, and APIs for live weather data and forecasting.
https://github.com/bitcooker/wish-you-safe-and-sound

api css html javascript meteo-icons netlify open-meteo-api open-weather-map-api

Last synced: about 2 months ago
JSON representation

Wish You Safe And Sound gives current weather conditions based on your location and can be searched based on location. This site was built with CSS for styling, JavaScript for functionality, and APIs for live weather data and forecasting.

• Host: GitHub
• URL: https://github.com/bitcooker/wish-you-safe-and-sound
• Owner: bitcooker
• Created: 2023-05-04T04:16:59.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-05T05:17:56.000Z (almost 2 years ago)
• Last Synced: 2024-12-21T14:07:37.218Z (about 2 months ago)
• Topics: api, css, html, javascript, meteo-icons, netlify, open-meteo-api, open-weather-map-api
• Language: JavaScript
• Homepage: https://wish-you-safe-and-sound.netlify.app/
• Size: 7.77 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Developer Coding Challenge for Springwood

## Introduction

The Weather Warden is a web application that provides users with up-to-date weather information for their desired location. This project is part of the hiring process for a front-end developer role at Springwood, and it incorporates APIs from OpenWeatherMap and Open-Meteo to fetch weather data and icons from Meteocons to display the weather conditions.

## Features

* Users can search for the weather conditions in their desired location by entering the city name or by pressing location button.

* The application displays the current weather condition, temperature, Air Quality, UV-Index, humidity, wind speed, Pollen count and wind direction.

* The application also provides a seven-day weather forecast for the location.

* On page reload application retrives last search location and displays its current weather information.

* The icons used to display weather conditions are easy to understand and visually appealing.

* The application is responsive and can be used on different screen sizes.

## Technologies

-   HTML

-   CSS

-   JavaScript

-   OpenWeatherMap API

-   Open-Meteo

-   Meteocons icons

-   Netlify

## How To Run

   Simply clone and open index.html on your browser.