![](https://private-user-images.githubusercontent.com/100915606/278896529-7d6e9463-0a73-4ab5-af6b-52a1ed677a64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTI5LTdkNmU5NDYzLTBhNzMtNGFiNS1hZjZiLTUyYTFlZDY3N2E2NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNTE3YzU5NTAyZjY4MmUyMDRlYTRjNzY4YjdlNjM2MGQ2NTUwMGVlNWMwYjk4MzVjZWY0NTJmYTVkMmMxYzg3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.-8y2LZ3zhayjMOgzk27UnPWogbG-B9FiMMmsZ8sqIu0)
![](https://private-user-images.githubusercontent.com/100915606/278896535-09ae5edd-0701-4ea8-a8e2-7583a34d378e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM1LTA5YWU1ZWRkLTA3MDEtNGVhOC1hOGUyLTc1ODNhMzRkMzc4ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NjU0YjBjZGZhMjM4Y2E5NDY5Yjg5ZGIwMDAxMTE2OTJhYWExODRjNGU1ZDViMTE0MDI3ZWZmNmJlYjU4Zjc4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.yXzCVOaRHWTlvufGpEXS88v0LU2tQFGSJCNxn6yZCSg)
✅-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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM4LTIwYTRjODc4LTMyOWItNDg2Ny1iYWI3LWEyYzgxZWYzZGQ0Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iZTAyOGMxMWRlY2IyMjc5YzI4NzI1ZGFmZWMzMWFiMWU5ODRiYjkwM2RkYzkxY2JmN2E1MDc5NGFkY2M4OTIzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.ThLUV_MiIlaAwvOFYksy8Y_vTRSNpzPWA756tj6K9y0)
![](https://private-user-images.githubusercontent.com/100915606/278896540-74a8c655-9d63-4540-8470-3edf083b8187.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTQwLTc0YThjNjU1LTlkNjMtNDU0MC04NDcwLTNlZGYwODNiODE4Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNzlmYWI2ZGM2MTE1Mzg3ZjJlNDU3Zjc2MjAyYjBkOWJiMjVlNTJlNTFmNzJkMGNiMDJjNzY3M2U2NzJiMDg3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.6BcedpJiFZSrNMYmshO5ocAu-A1nlWFwsS0LUGwaV8I)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3ODA5LTM4ZmFkNjExLWM4MTYtNDJiZi04MTk2LTE4N2Y0MzJjMTRhYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNmY4YTA4OTJhYjMyZWNjNGM5YzQxN2Q2NzQzNWQzNWQ1MzU4ZjQzNTQ4ZGY4ZjEyY2I4OWIwMWMyZjY4MGJlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.xMZMKIKvXdzXEL3OBIkv4AZDzz6Kgv-ESjMXNu5LZ3k)
![](https://private-user-images.githubusercontent.com/100915606/278897967-68c829ce-749e-4ca9-9fcc-d8924accd652.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3OTY3LTY4YzgyOWNlLTc0OWUtNGNhOS05ZmNjLWQ4OTI0YWNjZDY1Mi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01N2EyMzUzYTEzZGFiOTFhNDIxZThhODY0NjFjZTc0MjEyNGQxNGI4NDE3ZDA3NmU2ODZlNWY4NDY1OWZlNzU3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.kwVkl6e2yMH57IKLKws3AMmJMN1P9_f8nnb_2wxuRLs)
![](https://private-user-images.githubusercontent.com/100915606/278896969-c820e1f0-0745-404d-8fb0-5b09bd5c4f95.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTg4MTIsIm5iZiI6MTczODg5ODUxMiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2OTY5LWM4MjBlMWYwLTA3NDUtNDA0ZC04ZmIwLTViMDliZDVjNGY5NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QwMzIxNTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01MWQwOGIzYWJiOWRmNzQ3Y2EyZGIxYzM1YTgwNzA2OTFiZTljZjdkMmFlN2Y2MmJjMTczY2JhY2ViZjRmYzM2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.hKO4Rekf9-sAS5wTdSwCTeprouF740B9Ud_lzX9c4xk)