0% found this document useful (0 votes)
909 views

Weather App

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
909 views

Weather App

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

WEATHER APP

HTML, CSS, JavaScript


OVERVIEW OF THE PRESENTATION

• Introduction
• Working of the Project
• Technology Used
• Data Source
• Benefits and Drawbacks
• Architecture Diagram
• Future Scope
INTRODUCTION

• The Proposed System provides the weather of different


cities around the World.
• In this system the user can view Weather for which they
search for.
• The system can track Local and National Weather.
• The Proposed system uses openweathermap_API for
searching the Weather.
WORKING OF THE PROJECT

• The User is asked to enter the name of the city.


• User then clicks on Search which further calls the
openweathermap_API.
• Weather conditions of place which include Temperature,
Humidity, Wind Speed, Wind Degree, Cloud PCT are displayed.
• If user wishes to search weather for other cities he can re-enter the
city name in search bar and press enter.
• If user wishes to exit, he can simply close the application.
• In this system don’t need to setup weather station in each city on
each country to get weather information. We can get those
information including Temperature, Humidity etc. by using Weather
API.
TECHNOLOGY USED

• Programming Languages :
1. HTML
2. CSS
3. JavaScript
• Framework : Visual Studio
• API : Openweathermap_API
DATA SOURCE

• Our system uses openweathermap_API to get the weather


information.
• Openweathermap_API, the World’s largest API hub, is used
by millions of developers to find, test, and connect to
thousand of APIs.
• The back-end of the application uses API from
openweathermap_API, which is an open source and
enables anyone to download APIs for various purposes.
BENEFITS

• The weather app enables you make better preparation for the day in
relation to giving accurate daily weather.
• We need Weather App to plan Journeys ahead, To plan meetings /
commute timings.
• A person travelling in a bus, train or flight may need to check the
weather in his destination city.
• The system provides you with details of the weather elements –
Temperature, Wind speed, Humidity, Wind Degrees, Precipitation,
etc.
DRAWBACKS

• The application relies on external APIs (OpenWeatherMap and


Geolocation API), which could affect functionality if there are issues
with the APIs or changes in their usage policies.
• The accuracy of the weather data depends on the accuracy of the
data provided by the OpenWeatherMap API.
• The application requires an internet connection to fetch weather
data, so it won't work offline.
• Free tier usage of OpenWeatherMap API may have rate limits,
restricting the number of requests that can be made within a certain
period.
ARCHITECTURE DIAGRAM
User Device

Enter City Name FRONTEND

Sending response back


to User Request for Weather

BACKEND
Open openweathermap_API_key

Current Weather
Details
FUTURE SCOPE

• Enhanced User Interface (Interactive Maps, Customization Options,


Weather Animations).
• Additional Weather Data ( Weather Alerts, Historical data, Air
Quality Index).
• Improved Location Features ( Saved locations, Geolocation
Accuracy).
• User Engagement (Notifications, Social Sharing, User Accounts).
THANK YOU

You might also like