![](https://private-user-images.githubusercontent.com/100915606/278896529-7d6e9463-0a73-4ab5-af6b-52a1ed677a64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTI5LTdkNmU5NDYzLTBhNzMtNGFiNS1hZjZiLTUyYTFlZDY3N2E2NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02OGE4YWQ4MDdlNjk3Nzc3ZWU3NjNjNTc1NGZjNTE3NWVlNzEwODU2M2U4MTg3YTlmOTIwNjczNDgyNTE0ZDQyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.9eAW91C7-LSAmXtghi9VtLEKamZBcCU-PzS2czUCLZ0)
![](https://private-user-images.githubusercontent.com/100915606/278896535-09ae5edd-0701-4ea8-a8e2-7583a34d378e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM1LTA5YWU1ZWRkLTA3MDEtNGVhOC1hOGUyLTc1ODNhMzRkMzc4ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMDc2ZjFiYjllZmQzYmJhOTg4YWU3N2Q1YjZhMTJmYjg4NWJiYzllMTFiNGExNTgxYWQzYzY4M2UzYzdiNGJmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.xPFCrJ1QQaD5auokFB63na5oYX4VsbHDKoJNS_bm07M)
✅-Animated Background syncronized with weather condition,
✅-WeatherAppV2
✅-Simple design
❓- For API: API
Note
Includes too many javascript structure.
It was good practice about object and json data types.
Important
![](https://private-user-images.githubusercontent.com/100915606/278896538-20a4c878-329b-4867-bab7-a2c81ef3dd4f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM4LTIwYTRjODc4LTMyOWItNDg2Ny1iYWI3LWEyYzgxZWYzZGQ0Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NTVlMDhkOTA1YzY1MmM2Mjk1MGY2Y2MzNTVlNzJhM2NiZTZiYmM3NzYyZDdiZTkzY2UyYWY3MWI1NTU0OTBlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.CUTNKCMRbjoyHGO2y_-G0CG3sWKs5VporXCetwMsJpk)
![](https://private-user-images.githubusercontent.com/100915606/278896540-74a8c655-9d63-4540-8470-3edf083b8187.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTQwLTc0YThjNjU1LTlkNjMtNDU0MC04NDcwLTNlZGYwODNiODE4Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hZWE2ZTc4MjhmMDNmMjJlYzBjZDhmMzBlMzVlMTE0ZmI1YTUyMjQ4ZWY5NDczZjFiMzY2NWQxNTFhM2FmNGM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.lr943vTNsW8JCj550EKy_dBSJScfaqtNM1F1cVxfwnQ)
Warning
SweetAlert used.
- Responsive
- Dynamic
- OpenWeather API
- Keyboard acess?
When I try to get error alert with swal, I see the gray backround with alert screen. So I inspected the page and found the location of this problem. Then I added my body properties into this container that what comes with JavaScript
![](https://private-user-images.githubusercontent.com/100915606/278897809-38fad611-c816-42bf-8196-187f432c14ac.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3ODA5LTM4ZmFkNjExLWM4MTYtNDJiZi04MTk2LTE4N2Y0MzJjMTRhYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05MDVlYTU2Y2EzYWE4MGQ4MWQwYTJmZTIzMmEwOTg3NThiMzA5ZTA3YmM2MTQ5OWNiZDgzNDVmYWI1MGU1ZWRhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.FW7_FTGNpNrJzr813DYoiCgg8muwUHB9fcuxwKmGyec)
![](https://private-user-images.githubusercontent.com/100915606/278897967-68c829ce-749e-4ca9-9fcc-d8924accd652.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3OTY3LTY4YzgyOWNlLTc0OWUtNGNhOS05ZmNjLWQ4OTI0YWNjZDY1Mi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yZGI2Njk0ZDE3Mzc1MDQzNTNlNTdjYTgwYTE3MGM3M2VmN2E4ZjRhZDNhZWNmNmVhYmZlYjgwYmIzMjQxMzMwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.MqQYvBMmH8l8ynxBOGpe3ss5NcYm0O10k3JavB7PYWo)
![](https://private-user-images.githubusercontent.com/100915606/278896969-c820e1f0-0745-404d-8fb0-5b09bd5c4f95.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDU0MjEsIm5iZiI6MTcyMTU0NTEyMSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2OTY5LWM4MjBlMWYwLTA3NDUtNDA0ZC04ZmIwLTViMDliZDVjNGY5NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyMVQwNjU4NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MzI2YzJmYTQ2ZGM2YTYxMGE2YWRiNDZiMDc3NzlkMGVkM2Q0ZGJlOGIwYzc3MjRmOGJjMzVmN2MwNmM1N2I2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.JRKqQX0fc8PhGnT0WfWQqCyQzPLkMZfyhZqIPcjWUGM)