DAYANANDA SAGAR UNIVERSITY

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

SCHOOL OF ENGINEERING
DAYANANDA SAGAR UNIVERSITY
KUDLU GATE
BANGALORE - 560068

MINI PROJECT REPORT

ON

Weather Compass

Operating Systems Laboratory(20CS3506)

7th SEMESTER
BACHELOR OF TECHNOLOGY
COMPUTER SCIENCE & ENGINEERING

Submitted by

CS Jeevan - ENG21AM3005
Jeramiah T Varghese - ENG21AM3010
Sandhi Gupta - ENG21AM3033
Sai Nishwanth Raj - ENG21AM3031

Under the supervision of

Supervisor(s) name
Prof. Amrutha B
 DAYANANDA SAGAR UNIVERSITY
School of Engineering, Kudlu Gate, Bangalore-560068

CERTIFICATE

This is to certify that Mr./Ms. CS Jeevan, Jeramaih T Varghese, Sai Nishwanth,

Sandhi Gupta bearing USN ENG21AM3005,ENG21AM3010

ENG21AM3031,ENG21AM3033 has satisfactorily completed his/her Mini Project

as prescribed by the University for the 7 semester B.Tech. programme in Computer
Science & Engineering during the year 2023-2024 at the School of Engineering,
Dayananda Sagar University., Bangalore.

Date:
Signature of the faculty in-charge

Max Marks Marks Obtained

Signature of Chairman Department of

Computer Science & Engineering

2
 DECLARATION

We hereby declare that the work presented in this mini project entitled
Weather Compass has been carried out by us and it has not been
submitted for the award of any degree, diploma or the mini project of
any other college or university.

CS Jeevan - ENG21AM3005
Jeramiah T Varghese - ENG21AM3010
Sandhi Gupta - ENG21AM3033
Sai Nishwanth - ENG21AM3031

3
 ACKNOWLEDGEMENT

The satisfaction that accompanies the successful completion of a task

would be incomplete without the mention of the people who made it
possible and whose constant guidance and encouragement crown all the
efforts with success.

We are especially thankful to our Chairman Dr. Jayavrinda

Vrindavanam, for providing necessary departmental facilities, moral
support and encouragement.

We are very much thankful to our guide Prof. Amrutha B, for providing
help and suggestions in completion of this mini project successfully.

We have received a great deal of guidance and co-operation from our

friends and we wish to thank all that have directly or indirectly helped
us in the successful completion of this project work.

CS Jeevan - ENG21AM3005
Jeramiah T Varghese - ENG21AM3010
Sandhi Gupta - ENG21AM3033
Sai Nishwanth - ENG21AM3031

4
 TABLE OF CONTENTS

Contents Page no
Abstract 6
Introduction 7
Problem Statement 8
S/W & H&W Requirements 9
Design 10
Output Screenshots 12
Conclusion 13

5
 ABSTRACT

The Weather App is a user-friendly and informative web-based

application that provides real-time weather information for specific
locations. Utilizing HTML, CSS, and JavaScript, the application
seamlessly integrates with Places.js, a third-party library, to facilitate
location search and retrieval. Upon location input, the application
retrieves and displays comprehensive weather data, encompassing
temperature, humidity, pressure, sunrise and sunset timings, and wind
speed. To cater to user preferences, the application offers the flexibility to
switch between Celsius and Fahrenheit temperature units. The
application's user-friendly interface and reliable weather data make it an
ideal tool for staying informed about current and upcoming weather
conditions.

6
Chapters:

1. Introduction
This weather application, meticulously crafted using HTML,
CSS, and JavaScript, empowers users to effortlessly search for weather
information associated with specific locations. The application seamlessly
integrates Places.js, a third-party library, to facilitate location search and
retrieval. Upon location input, the application diligently fetches and
presents comprehensive weather data, encompassing temperature,
humidity, pressure, sunrise and sunset timings, and wind speed. In
addition to providing real-time weather updates, the application offers the
flexibility to switch between Celsius and Fahrenheit temperature units,
catering to user preferences.

7
2. Problem Statement
Develop a user-friendly weather application that enables users to
effortlessly search for and obtain real-time weather information for specific
locations. The application should utilize HTML, CSS, and JavaScript,
integrating with a third-party library like Places.js to facilitate location search
and retrieval. Upon location input, the application should retrieve and display
comprehensive weather data, including temperature, humidity, pressure, sunrise
and sunset timings, and wind speed. Additionally, the application should
provide the option to switch between Celsius and Fahrenheit temperature units

8
3. S/W & H/W Requirements

3.1 Software Requirements:

● Web browser: Any modern web browser, such as Chrome, Firefox,

Safari, or Edge, should be sufficient to run the weather application.
● JavaScript: The application is primarily developed using
JavaScript, so a JavaScript runtime environment, such as Node.js
or V8, is required.
● HTML and CSS: HTML is used to structure the application's
content, while CSS is used to style the application's appearance.

3.2 Hardware Requirements:

● Web server: The application can be hosted on a web server, such as

Apache or Nginx, to make it accessible to users over the internet.
● Database: If the application needs to store user data or weather data
for future reference, a database system, such as MySQL or
PostgreSQL, may be required.
● Client device: The application can be accessed and used on any
device with a web browser, including computers, smartphones, and
tablets.

9
4. Design
4.1 Algorithm/Methodology

Weather App Algorithm

1. User enters a location in the search bar or selects from suggested

locations.
2. Application calls Places.js API to retrieve a list of matching locations.
3. User selects the desired location from the list.
4. Application calls OpenWeatherMap API with the selected location
data.
5. API returns a JSON object containing weather information for the
location.
6. Application parses the JSON object and extracts relevant weather data.
7. Weather data is displayed on the screen, including temperature,
humidity, pressure, wind speed, sunrise and sunset timings.
8. User can switch between Celsius and Fahrenheit temperature units
using a button.
9. User can also choose to view a forecast for the upcoming days.

Additional functionalities:

● User can save favorite locations for quick access.

● Application automatically detects user's location and displays weather
information.
● Historical weather data can be accessed for analysis and comparison.

4.2 Description of Modules/Program

10
The Weather App consists of the following modules:

Front-End:

● HTML: Defines the structure and layout of the application.

● CSS: Styles the visual appearance of the application, making it user-friendly and
appealing.
● JavaScript: Handles user interaction and retrieves live weather data.

Back-End:

● Places.js API: Provides location search functionality, allowing users to easily find
desired locations.
● OpenWeatherMap API: Supplies real-time weather data for the chosen location.
● JSON parsing: Extracts specific weather information from the API response.
● Data binding: Connects weather data with the visual elements on the screen.

Modules Description:

● Search Module: Handles user input, interacts with Places.js API, and
displays location suggestions.
● Weather Module: Retrieves weather data from OpenWeatherMap API,
parses JSON response, and displays weather information on the screen.
● Temperature Conversion Module: Enables conversion between Celsius
and Fahrenheit temperature units based on user preference.
● Forecast Module: Presents a forecast for the upcoming days, displaying
expected temperature, precipitation, and other relevant data.
● Location Data Module: Saves user's favorite locations for future retrieval
and enhances user experience.

11
5. Output Screenshots

12
6. Conclusion
The Weather App has been successfully developed and
implemented using the latest web development technologies and APIs. By
combining the power of Places.js, OpenWeatherMap, and user-friendly interface
design, the application provides a seamless and informative experience for users
to access real-time weather information and forecasts. The modular design and
well-defined algorithms have made the application scalable and maintainable
for future enhancements. The project's successful completion demonstrates the
team's ability to tackle complex software development challenges and deliver a
high-quality product that meets user expectations.

13
7. References
[1]OpenWeatherMap Documentation:
https://openweathermap.org/api

[2]Weather Underground API Documentation:

https://www.wunderground.com/login

[3]Places.js Documentation:
https://developers.google.com/maps/documentation/javascript/places

14