![](https://private-user-images.githubusercontent.com/100915606/278896529-7d6e9463-0a73-4ab5-af6b-52a1ed677a64.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTI5LTdkNmU5NDYzLTBhNzMtNGFiNS1hZjZiLTUyYTFlZDY3N2E2NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01ODYzOWE5NTUyMTliZTE2NmM1Yjk5ZTMwMTYzZmE1ZjU1NmY3NDdiZjFhZGRlZWQ1NmJlYzk5MjczOGUxMGE4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.U3jGn6HlJMVhBfZBg2lI6Z_O3XXllG8jKs85Iv6Im_s)
![](https://private-user-images.githubusercontent.com/100915606/278896535-09ae5edd-0701-4ea8-a8e2-7583a34d378e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM1LTA5YWU1ZWRkLTA3MDEtNGVhOC1hOGUyLTc1ODNhMzRkMzc4ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZjRmZTgwNDc2YmVjNWIyOGFjOTlkZTdjYTc1YmY3N2M4YTAyOTcxYjViMTlmZTA2NDUyOTI1ZDY5OTliMzMwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jr3yz_BiPE6x1BjrlUVuoywa0ofc0XulL1LfSAzLFhs)
β
-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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTM4LTIwYTRjODc4LTMyOWItNDg2Ny1iYWI3LWEyYzgxZWYzZGQ0Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wOGQzMTRhODc1ZmE4ZWQ4ZTJiYzIyYTJkOGM3NTE1ZDdhYjQ3NDRlZjdiN2M5MDIxNDJhZWI2ZjAwZGI1YTZjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.VB5jfCrHUHNkU8qWOUI8HNdX1BSzsJYhVXlcrJV12mU)
![](https://private-user-images.githubusercontent.com/100915606/278896540-74a8c655-9d63-4540-8470-3edf083b8187.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2NTQwLTc0YThjNjU1LTlkNjMtNDU0MC04NDcwLTNlZGYwODNiODE4Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xYmFiYzQ3M2NmYjM1NzgwM2VkNTM2MDFmNmJiZDdmZjVkNjYwOTQ4ZDY3ZTExOGMyYzJmMTJhYWI5ZWMxNjViJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.FtMyaTkEYMChk6RGP14tzntZe2u1X-iOUmvgs3Unbqs)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3ODA5LTM4ZmFkNjExLWM4MTYtNDJiZi04MTk2LTE4N2Y0MzJjMTRhYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mZTM2ZDFiNzg0MzA1NGI2ZWM3M2RmZmEwZTA3YjBmNTU5ZWRjNjM2OWQyYjdjY2JhM2JhZDg1ZjhjYWY1OTViJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.BDLJLp058fnvMyCzJAMUer9byC_komLeooy4nqzaXSE)
![](https://private-user-images.githubusercontent.com/100915606/278897967-68c829ce-749e-4ca9-9fcc-d8924accd652.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk3OTY3LTY4YzgyOWNlLTc0OWUtNGNhOS05ZmNjLWQ4OTI0YWNjZDY1Mi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iZTAyYjk5OTMyNTdlZWRiMTE1NjM3ZTYyZTQxNTcwMTZjYjNiNTU0MzgxMWQ0MzI3ZDY2YWEyOGRhMTEzZWI1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.OHFbDOlKrmAz5gg3CEnd69lITuq0_hMWJGhEBC9_fLQ)
![](https://private-user-images.githubusercontent.com/100915606/278896969-c820e1f0-0745-404d-8fb0-5b09bd5c4f95.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ1MTc2OTEsIm5iZiI6MTcxNDUxNzM5MSwicGF0aCI6Ii8xMDA5MTU2MDYvMjc4ODk2OTY5LWM4MjBlMWYwLTA3NDUtNDA0ZC04ZmIwLTViMDliZDVjNGY5NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNDMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDQzMFQyMjQ5NTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMTZiNmE4Y2ViYjliMjE2MjllODllNDBjOGI3NmRkMjRjNzlkYjMyODBiYzc2YmY3OTcwYTFhZDgyMmYzMTgyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.y3APQbVveWmY6QWsLDoU0nT_pCIeJGTn89Ko8qmdEpo)