Raw Report PBL-1
Raw Report PBL-1
On
1
Pune-411041.
CERTIFICATE
are Bonafide students of this institute and the work has been carried out by them under the
supervision of Prof. Dipali Mane and it is approved for the partial fulfillment of the
requirement of Savitribai Phule Pune University, for the award of Second Year Engineering
(Computer Engineering).It is certified that all corrections/suggestions indicated for internal
assignment have been incorporated in the report. The project report has been approved as it
satisfies the academic requirements in respect of project work prescribed for the Bachelor of
Engineering Degree.
2
Prof. Dipali Mane Prof. A. V. Mote
Project Guide H. O. D
ACKNOWLEDGEMENT
We take this opportunity to thank our project guide Prof. Dipali Mane and
Head of Department Prof. A. V. Mote for their valuable guidance and for
providing all the necessary facilities, which were indispensable in the
completion of this project report. We are also thankful to all the staff members
of the Computer Engineering Department for their valuable time, support,
comments, suggestions and persuasion. We would also like to thank the institute
for providing the required facilities, Internet access and important books.
3
INDEX
No. No.
1. Abstract 05
2. Software Requirement 06
3. Introduction 07
4. Problem Statement 08
7. Output 11
8. Conclusion 12
9. References 13
4
ABSTRACT
➢ The app uses a variety of data sources, including satellite and radar
imagery, historical climate data, and real-time observations from weather
stations, to generate accurate and reliable forecasts.
➢ Users can customize the app to receive alerts for severe weather events,
track weather patterns over time, and access detailed information on
temperature, precipitation, wind speed, and other key meteorological
variables.
➢ This app give us information about climate.
➢ The languages used for the app is HTML, CSS and Java script.
➢ We use API key to fetch information from the Website.
5
SOFTWARE REQUIREMENT
❖ Windows 11
❖ Programming languages: HTML, CSS, JS
❖ Software: VS code
6
INTRODUCTION
7
Weather forecasts are often made by collecting quantitative data about the
current state of the atmosphere and using scientific understanding of
atmospheric processes to project how the atmosphere will evolve in future.
Problem Statement
8
sources, including satellites, weather stations, and radar systems, and use
sophisticated algorithms to generate accurate forecasts.
@import
url('https://fonts.googleapis.com/css2?family=Concert+One&family=Orbitron:wght@400;700&displa
y=swap');
@import
url('https://fonts.googleapis.com/css2?family=Concert+One&family=Orbitron:wght@400;700&displa
y=swap');
html{
height: 100%;
9
h1{
text-align: center;
body{
background: whitesmoke;
text-transform: capitalize;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
.header{
display: flex;
justify-content: space-between;
align-items: center;
.header h1{
text-decoration: underline;
#input{
font-size: 18px;
outline: none;
border: none;
border-radius: 15px;
10
background: aliceblue;
#search{
background: none;
color: aliceblue;
outline: none;
background: cadetblue;
font-size: 17px;
border-radius: 15px;
cursor: pointer;
border: none;
.weather{
text-align: center;
color: aliceblue;
#city{
font-size: 30px;
.weather img{
width: 120px;
height: 120px;
border-radius: 50%;
#temperature{
font-size: 50px;
margin: 0;
margin-left: 30px;
margin-bottom: 10px;
11
}
.temp-box{
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0;
#clouds{
font-size: 20px;
border-radius: 15px;
main{
display: grid;
grid-column-gap: 25px;
align-items: center;
margin: 0 50px;
color: white;
.next{
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
margin: 3px 0;
.forecstD{
12
margin: 20px 50px;
color: aliceblue;
.weekF{
display: grid;
grid-template-columns: repeat(4,1fr);
.cast-header{
color: aliceblue;
width: max-content;
border-radius: 20px;
font-size: 18px;
margin-bottom: 5px;
.divider1,.divider2{
height: 200px;
border-radius: 5px;
.divider2{
height: 5px;
width: 30%;
margin: 0 auto;
.time,.date{
.desc{
13
}
Output
14
15
CONCLUSION
FUTURE SCOPE
16
APPLICATIONS
Weather forecasting has numerous applications across various sectors. Here are
some key applications:
3. Energy and Utilities: Weather forecasts play a vital role in managing energy
production and distribution. Power companies use weather data to predict
17
electricity demand, plan maintenance activities, and optimize renewable energy
generation, such as wind and solar power, based on expected weather conditions.
7. Retail and Supply Chain: Retailers and supply chain managers leverage
weather forecasts to optimize inventory management, pricing strategies, and
logistics. Anticipating weather-related changes in consumer behavior helps
retailers make informed decisions regarding product assortment and marketing
campaigns.
18
10. Personal Planning and Safety: Individuals rely on weather forecasts for daily
planning, including clothing choices, outdoor activities, travel plans, and personal
safety. Weather information helps people make informed decisions and stay
prepared for varying weather conditions.
REFERENCES
19