Scribd
Upload
22 views14 pages

Miniproject (1) - Read-Only

Uploaded by

rowthulalokesh
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
22 views14 pages

Miniproject (1) - Read-Only

Uploaded by

rowthulalokesh
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/ 14

WEATHER APP

Submitted by:
Posimsetti B V V Lakshmi-22A21A6184
Tiruveedula Dinesh-22A21A61B0
Satti MaheswaraReddy-22A21A6199
Surampudi V S Tejasri-23A25A6114
Pulaparthi R L N Manikanta-22A21A6187
Agenda:
 Introduction
 Abstract
 Architecture
 Dataset
 UML Diagrams
 Experimental Results
 Code Screenshots
 Conclusion
 Reference
Introduction:
 The weather app provides real-time weather updates
based on user input or location.
 Key features include current temperature, humidity, wind
speed.
 Built using HTML, CSS, JavaScript, and integrates with the
Open Weather Map API.
Abstract:
 The project builds a weather app that gives real-time weather information.
 Users can search for the weather in any city, with data from an external API.
 It also lets users check the weather for their current location, including wind speed
and humidity.
 The app is simple, easy to use, providing quick weather updates.
Architecture:
• The frontend is developed using HTML, CSS, and JavaScript to create the user
interface.
• Weather data is obtained from the OpenWeather Map API.
• The app operates on a request-response model: user searches → API request →
data display.
Dataset used:
 The app depends on the Open Weather Map API
for weather data.
 The API provides information on temperature, humidity
wind speed, and more.
 Data is retrieved and displayed based on user input.
 No additional datasets are used.
UML Diagram:

a y
cc
Experimental Results:

Default Location : Seetharampuram


Code Screenshots:

HTML&JAVA SCRIPT Code


CSS Code
Conclusion:
 The weather app effectively fetches and presents real-time weather data in a user-
friendly manner.
 The project highlights successful integration of APIs and frontend development
skills.
 Future enhancements might include advanced weather forecasting features or map
integration.
d
Reference:
• OpenWeatherMap API Documentation: [OpenWeatherMap
API](https://openweathermap.org/api)
• YouTube Tutorials on Weather App Development: [Weather App Development -
YouTube Playlist](https://www.youtube.com/playlist?list=PL5tZ-
4Atj8XOnBkd1sDpXqkJX2sy5kZ3h)
• GitHub: https://github.com

d
THANK YOU!!

You might also like