![](https://private-user-images.githubusercontent.com/100915606/278896529-7d6e9463-0a73-4ab5-af6b-52a1ed677a64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTI5LTdkNmU5NDYzLTBhNzMtNGFiNS1hZjZiLTUyYTFlZDY3N2E2NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05MjRhNWVlYjBkM2RkMWE2ZmQzOTkxODNmNjA1OWZmNjg4MTBjNzgyOGQxZTIwZWRlMTRkODliNWZiNzMxNjQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.cjzF7lkzzB72InZw9SHuzrZ4hl2PhCQR8zjTZvUQ43s)
![](https://private-user-images.githubusercontent.com/100915606/278896535-09ae5edd-0701-4ea8-a8e2-7583a34d378e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM1LTA5YWU1ZWRkLTA3MDEtNGVhOC1hOGUyLTc1ODNhMzRkMzc4ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MGQ0NGI2MGZlNmM2ZDA3ZGE3OTc3YmEzYmI0ZmNmNTMyMjQ0MTZhNWRkYmNhYWI0OGMyMzlhMzQxNDkzYzIyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.2Oz5xWazCiU33yujdO3Qn87JZPEl2Qr0pS3AYfsAJh0)
✅-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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM4LTIwYTRjODc4LTMyOWItNDg2Ny1iYWI3LWEyYzgxZWYzZGQ0Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iNjAwNjcyOTU2NDVkNjY2ZTcwOGJlZTg5NjZlZGQ3NDNjNDg1NTk1NTYzZjFmNGNkZDVkMzIyMzVkODc0ZmQ2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.m2DqTLfzHJQS5oxWE4vOR0Wvhy1O25AvLA0isx5RgmM)
![](https://private-user-images.githubusercontent.com/100915606/278896540-74a8c655-9d63-4540-8470-3edf083b8187.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTQwLTc0YThjNjU1LTlkNjMtNDU0MC04NDcwLTNlZGYwODNiODE4Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05YTRmNGM0NmMyZmY5ZjQ5MTg3NDE2NzgzYTYwZjBmYzk4MGYzMDIxMTI4NDg1NTJiYTFjN2ViODQyNDNiYmU3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.xZPyFvnp3IG34YIgnCqb_993OyS8QaHL4cEQEPM1vNs)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3ODA5LTM4ZmFkNjExLWM4MTYtNDJiZi04MTk2LTE4N2Y0MzJjMTRhYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zNGIwZjcwZGFmNzEzOWUzOWZlZDY1NjlmZDFmZWMzNDM5NjU5Mjg2ODAxZDg0YmVjNzlhOWY0NjIwZTYxYzZlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.UGKrMgniFNYXAMUmc8hb4h42IA2R0f-7XPR9GKbdlZ4)
![](https://private-user-images.githubusercontent.com/100915606/278897967-68c829ce-749e-4ca9-9fcc-d8924accd652.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3OTY3LTY4YzgyOWNlLTc0OWUtNGNhOS05ZmNjLWQ4OTI0YWNjZDY1Mi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NjQ4OTVmZTI3YjU2YTE3YTY1NjU1YTk1NjIzN2Q2OTgwMmI4OWY2Mjg2ODY5NmVjNGRjZWU1MDVlMjBjMDM4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.fI02y3omG6o79uSsOmyoAXEftGhC2Kl-EJcGbd9vQSg)
![](https://private-user-images.githubusercontent.com/100915606/278896969-c820e1f0-0745-404d-8fb0-5b09bd5c4f95.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODEwNzYsIm5iZiI6MTczOTY4MDc3NiwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2OTY5LWM4MjBlMWYwLTA3NDUtNDA0ZC04ZmIwLTViMDliZDVjNGY5NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwNDM5MzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOWE2MWIxNzIxN2NkMGM1Yzg0ZmQwNjVhOGUzNjhmM2E3NDJlM2YyZTZhM2U1Zjg2MjY0N2Y0NWQ1NzY5OGE3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.ws9nkoU5GaSDiwVYqoRDb-H7CGeY0Q2LGgIGJbEw2BU)