I've deployed my site here: ๐https://ht-l1.github.io/weather/
Please ensure you allow the browser to know your location as the weather info is user location specific:
A weather app that shows the current temperature and condition based on user location using the Open-Meteo API. It is built using JavaScript, HTML, and CSS. It offers a few key features:
- a client-side JavaScript snippet that allows a user to see the weather condition based on their own geography
- a server-side API that fetches the weather information from Open-Meteo.com
- a web application that displays the captured information for each user
- Clone this repository.
- Open
index.html
in your web browser.
Milestone 2: Implementations and Design (Completed by October 28th)
- Redesigned the home page
- Added the light dark theme toggle
- Added fun facts section
Milestone 1: Framework Setup and API Fetching (Completed by October 4th)
- Set up the basic framework for the weather app
- Implemented functionality to fetch temperature and wind speed data from the API
![](https://private-user-images.githubusercontent.com/106502799/278825485-9fc3dd2f-238f-4d7c-8305-aeac43c3fae8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNzQyMTksIm5iZiI6MTcyMjI3MzkxOSwicGF0aCI6Ii8xMDY1MDI3OTkvMjc4ODI1NDg1LTlmYzNkZDJmLTIzOGYtNGQ3Yy04MzA1LWFlYWM0M2MzZmFlOC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyOVQxNzI1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04OTE3M2FkYWU1NzNiMjc3MmIyZTZmMmIyOTRmNTdkYTg5OTFkYzI3Y2Q5N2RiY2I2Njg1Mzk2MTg2YWExNmYxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.wmtKK6--WKzQvXNjZ6dTh8BhKbEJswlp70Rzq74ZV0A)
![](https://private-user-images.githubusercontent.com/106502799/278825540-f38c80e6-e145-4f5b-8106-4d6bf3c3d2b4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNzQyMTksIm5iZiI6MTcyMjI3MzkxOSwicGF0aCI6Ii8xMDY1MDI3OTkvMjc4ODI1NTQwLWYzOGM4MGU2LWUxNDUtNGY1Yi04MTA2LTRkNmJmM2MzZDJiNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyOVQxNzI1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03OWFkMDU1Nzg0Y2I2MDdiNGM2NmJkYjZhMzZiZDQzYjkwNmIwNTk4NGY5ZmI5MmRiNDc3Yjk5MDFjZDFjZTJjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.CuGE0DahHw9YpyzBZfRAEnk1ZIKvfZ7kNe2PSYmiNXg)
![](https://private-user-images.githubusercontent.com/106502799/278825554-a0f41dbb-1912-46a3-b482-a80c101418e1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyNzQyMTksIm5iZiI6MTcyMjI3MzkxOSwicGF0aCI6Ii8xMDY1MDI3OTkvMjc4ODI1NTU0LWEwZjQxZGJiLTE5MTItNDZhMy1iNDgyLWE4MGMxMDE0MThlMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyOVQxNzI1MTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wMWZlMWFiNmE3YzFlYzc3YjQ5YmZlYjllYjRkZmQzMThhNGJjY2NlYjI3Zjc3ODM3YzIzMTk1M2YwMTVhMzdmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.HW9X7jt2dp_HU3osql21Lx_0U7bKJKNvsMuY4Vig8yY)