This Weather App provides weather data for any searched city and also for the user's current location.

A solo project executed in 2 days.No External Libraries has been used.

• Deployed Link:- Enjoy the Experience

• HTML5
• CSS3
• JAVASCRIPT

• OpenWeather API - for getting current, daily & hourly forecasted weather data.
• Google Maps API - for getting user's current & searched geo-location.
• Unsplash API - for getting images as per searched & current city name.

• Forecasting of current and searched weather data of 7 days.
• User is notified with current date and time.
• Integration with google maps to render location results.
• Alterations of background images as per city's name.
• Appropriate error image fetched from Unsplash is mount onto UI if city name doesn't exist.

• Making search bar in sync with key-press events
• OpenWeather API is integrated in such a way that it fetch results for a daily limit of 50k with a clear status.
• It won't be matter of concern for the API in how many simultaneous calls with different endpoints were made.
• Alignment of Current city status, weekly status, geolocation status in a container card is done as per using flex properties.

UI on Loading

Searched Result UI

Error Page

• 👤 Biswaranjan