© 2023 IJRAR May 2023, Volume 10, Issue 2 [Link].

org (E-ISSN 2348-1269, P- ISSN 2349-5138)

REAL TIME WEATHER FORECAST

APPLICATION
Real-time forecasts help you stay ahead of the weather On-the-go updates with accuracy
for web and mobile. Rain or shine, plan with assurance! A Review,
1Shubham Roy, 1Student,
Shubhamroy272@[Link],
1Department of Computer Science& Engineering,
1Babu Banarasi Das Northern India Institute of Technology,
Lucknow, Uttar Pradesh, India.
__________________________________________________________________________________________________
Abstract : Users will receive precise and current weather information instantaneously via the real-time weather forecast
application for web and iOS. It strives to provide thorough information about the weather right now, including temperature,
precipitation, wind speed, and forecasts for certain locations. Based on accurate weather forecasts, the programme helps users
to make decisions about outdoor activities, travel arrangements, and daily [Link] time weather prediction is the
application of science and technology to forecast the state of the atmosphere at a particular location. This technique will use
factors like temperature, humidity, and wind to forecast the weather in this area. This system is a web application with a powerful
graphical user interface. Forecasting the weather requires examining the variations in conditions over the course of preceding
years. It is extremely likely that it will coincide with the previous year's data within the following two weeks. The techniques
include analogue, ensemble, nowcasting, using forecasting models, gazing at the sky, using a barometer, and persistence. Air
traffic, severe weather alerts, maritime, agricultural, utility businesses, the commercial sector, and military applications might
all use forecasting. This comprises the following: temperature, humidity, rain, cloudiness, and wind speed. For the protection
of human life, real-time weather alerts are a unique form of short-range prediction. Depending on the area, governments all
around the world issue weather warnings for a variety of severe weather occurrences, including tropical storms and tropical
cyclones. Long-range or short-range forecasts are both possible. That is both an exciting and difficult endeavour. The goal and
scope of real-time weather predictions are briefly explained in this report. Weather forecasting is a difficult and complicated
science that relies on the effective coordination of weather observation, computer and meteorologist data analysis, and quick
communication systems

Keywords: React JS, React Native, Weather API, Google Maps API, and JSX, Homebrew, Xcode, weather, Forecast, location, Real
time Alert, Weather Observation, IOS.
__________________________________________________________________________________________________

I. INTRODUCTION
Real Time Weather forecasting and analysis in real-time Meteorologists try to predict the weather patterns that will exist in the
future and those that may be anticipated through weather forecasting. Temperature, wind, humidity, rainfall, and the size of the data
set are the basis for the climatic condition parameters. Just the variables temperature and humidity are taken into account in this
case for experimental analysis.
Real Time Weather forecasting is now based on computer-based models that take a variety of atmospheric factors into account, as
opposed to the manual estimates that were previously made and were mostly focused on changes in barometric pressure, current
weather conditions, and sky condition or cloud cover. To choose the best prospective prediction model on which to base the forecast,
human involvement is still required. This needs pattern identification skills, teleconnections, model performance information, and
model bias awareness.
The chaotic nature of the atmosphere, the enormous computing power needed to solve the equations that describe the atmosphere,
land, and ocean, the measurement error associated with initial conditions, and a lack of knowledge of atmospheric and related
processes all contribute to forecasting inaccuracy. As a result, forecasts lose accuracy as the time interval between now and then
increases

IJRAR23B3457 International Journal of Research and Analytical Reviews (IJRAR) 846

© 2023 IJRAR May 2023, Volume 10, Issue 2 [Link] (E-ISSN 2348-1269, P- ISSN 2349-5138)

Table 1: Weather forecast API providers

II. LITERATURE REVIEW

S. K. Mohapatra, A. Upadhyay, C. Gola. [1] The study's main goal was to forecast rainfall patterns by using a
century's worth of meteorological data. To find relationships and create predictions, the researchers probably used statistical
modelling and data analytic methods. The summary does not go into specifics about the techniques or results, but the paper's goal
was to advance the science of rainfall forecasting using long-term historical data.

Dr. C. Ramesh, R.S. Kumar.[2] The goal of the study is to create a Kalman filter estimator that can reliably forecast the
temperature for the following day. Based on past data and sensor readings, the researchers most likely used a 24-hour prediction
horizon and the Kalman filter technique to make temperature estimates. The summary omits particular information on the
methodology and outcomes, although the paper's goal was to advance the field of Kalman filter temperature prediction.

M. M. Ali, P. S. V. Jagadeesh, I.-I. Lin, Hsu.[3] The paper suggests a neural network-based technique for calculating
the Indian Ocean's Tropical Cyclone Heat Potential (TCHP). The strength and potential destructiveness of tropical cyclones are
greatly influenced by the TCHP parameter. To forecast TCHP values, the authors probably created a neural network model that
was trained using pertinent input data. The research sought to advance the field of cyclone forecasting by using neural network
techniques for TCHP estimate, albeit the precise methodology and results are not included in the summary.
Sushmitha Kothapalli.[4] The goal is creating a system for forecasting and analysing the weather in real time. The authors
most likely created and put into place a system that gathers weather information in real-time from a variety of sources, including
meteorological sensors, satellite imaging, and weather stations. To produce precise weather forecasts, the system may make use of
data analysis methods, machine learning algorithms, or numerical weather prediction models. The summary omits specific
information on the methodology and results, but the paper's goal was to advance weather forecasting by outlining a real-time system
for precise analysis and forecasting of meteorological conditions.
C. Rocken et al.[5] shows how to detect atmospheric water vapour using GPS and STORM-GPS (Stratosphere-Troposphere)
methods. The authors probably investigate how GPS signals might be used to calculate the concentration and distribution of water
vapour in the atmosphere, a crucial factor in weather prediction and climate research. The research sought to advance meteorology
by providing GPS-based sensing techniques for measuring atmospheric water vapour, albeit specifics regarding the methodologies
and results are not covered in the summary.
Kannan, M. Prabhakaran S. and Ramachandran, P.[6] The use of data mining techniques for predicting rainfall is
the main topic of the study. To analyse past rainfall data and create models for forecasting future patterns of precipitation, the
authors probably used a variety of data mining tools and methodologies. The research aims to add to the field of rainfall forecasting
by utilising data mining tools for increased prediction accuracy, even if specifics about the methods employed and the outcomes
attained are not covered in the summary.
Monika Sharma, Lini Mathew, Chatterji s.[7] The authors discuss weather forecasting and suggest combining
statistical and soft computing methods for precise predictions. They probably investigate the use of statistical techniques along with
machine learning algorithms, neural networks, or fuzzy logic to analyse meteorological data and enhance forecasting precision. The
research attempts to add to the science of weather forecasting by integrating soft computing and statistical techniques for more
accurate predictions, however the summary gives no specifics regarding the methodologies or findings.
Pranjali Wankhedeetal[8] The authors give a thorough analysis of various methods and web alerts used in weather
forecasting systems. They probably investigate several methods, including statistical modelling, data mining, machine learning,
and web-based alerts, to enhance the precision and accessibility of weather forecasts. The study intends to contribute to the field of
weather forecasting by analysing and summarising various methodology and technologies used in weather prediction systems, even
though precise information about the techniques and conclusions is not included in the summary.

IJRAR23B3457 International Journal of Research and Analytical Reviews (IJRAR) 847

© 2023 IJRAR May 2023, Volume 10, Issue 2 [Link] (E-ISSN 2348-1269, P- ISSN 2349-5138)
KeshmirGreick, Ivan Speh, Ivan Hedi[9] The authors describe an Internet of Things (IoT) solution for data monitoring
that is web-based and makes use of the MQTT (Message Queuing Telemetry Transport) protocol. They probably discuss the
creation and implementation of a system that uses the MQTT protocol to gather data from IoT devices and offers a web-based
interface for viewing and real-time data analysis. The study intends to make a contribution to the field of IoT by suggesting a
MQTT-based solution for effective data monitoring, although the summary does not go into specific detail regarding the system
design or conclusions.
Rohit Kumar Yadav and Ravi Khatri.[10] The authors provide a weather prediction model that makes use of data
mining methods. To analyse past weather data and create a model for forecasting future weather trends, they probably use data
mining tools and methodologies. The research intends to add to the field of weather forecasting by utilising data mining techniques
for increased accuracy in weather predictions, but the summary does not go into specific detail regarding the methods utilised or
the results.
J. Shivang, S. S. Sridhar[11] The authors suggest using machine learning techniques to predict the weather particularly for
places in India. To analyse pertinent meteorological data and forecast upcoming weather patterns, they probably use machine
learning techniques and models. The work attempts to contribute to the field of weather prediction by using machine learning
approaches to increase forecasting accuracy for Indian locales, but the summary gives no detailed information regarding the
machine learning techniques utilised or the findings.
Figure 1:- Data Acquisition System

[Link] FOR CREATING REAL TIME WEATHER FORECAST

APPLICATION,
Using React JS, React Native, Redux, Axios, Weather API, Google Maps API, and JSX, homebrew, cocoapoda, Xcode, Xcode
simulator, git, github, softaware requirement macOS, IOS, JavaScript, CSS, node js.
1. Project Setup:
• You can use the following methods to develop a real-time weather forecasting app utilising React JS, React Native,
Redux, Axios, Weather API, Google Maps API, and JSX, in addition to the necessary tools and technologies:
• Make sure you have the required software installed React JS, React Native including Xcode, Homebrew, Cocoapods,
Git, and [Link] for Mac and Windows.
• Create a new React Native project using the terminal commands create-react-native-app, cmd awesomeProject, and cd
awesomeProject. Launch npm start from the terminal / cmd.
• after that,
• The platform you want to use, such as web, run-ios, or run-android, is then displayed.

• Establish the directory structure for your project and create a Git repository.

IJRAR23B3457 International Journal of Research and Analytical Reviews (IJRAR) 848

© 2023 IJRAR May 2023, Volume 10, Issue 2 [Link] (E-ISSN 2348-1269, P- ISSN 2349-5138)
Figure 2:-User Interface Design

2. User interface design:

• Design the app's user interface using JSX syntax and React Native components.
• Include the UI components that are required for showing maps and meteorological information, such as text boxes, buttons, and
containers.
• To improve your app's visual appeal, use CSS styling.
3. Weather Api Integration:
• Sign up for an API key with a weather API provider of your choice (such as OpenWeatherMap, Weather bit, or
Dark Sky).
• Use the well-known JavaScript HTTP client Axios to send API calls and retrieve weather information.
• Utilise Redux, a state management library, to manage the overall state of the application.
4. Google Map Api Integration:
• A Google Maps API key can be obtained from the Google Cloud Console.
• You may incorporate maps into your app and show weather-related information on the map by using the Google Maps API for
React Native.

Figure 3: Weather Api & Google map api Integration.

5. Update in Real Time:-
• To schedule repeated API queries for weather updates, use React Native's in-built timer functions or a third-party library (like
[Link]).
• As soon as new weather information is available, update the app's UI with it.

IJRAR23B3457 International Journal of Research and Analytical Reviews (IJRAR) 849

© 2023 IJRAR May 2023, Volume 10, Issue 2 [Link] (E-ISSN 2348-1269, P- ISSN 2349-5138)
Figure 4: Update in Real Time data.

6. Testing & TroubleShooting:

• To test how well your programme works on iOS devices, use Xcode and the Xcode Simulator.
• To find and fix any problems that occur during development, use debugging tools and procedures.
7. Vision Control:
• To manage your codebase and facilitate team communication, set up a repository on GitHub or another similar platform.
• Use Git for version control, and be sure to commit and push your code to the repository on a regular basis.

8. Deployment:
• By defining appropriate build parameters in Xcode, like as icons and app identifiers, you may get your programme ready for release.
• Use the proper iOS React Native app deployment techniques, which may require creating an IPA file or uploading to the
App Store.
Figure 5:Block diagram of the designed weather monitoring system.

[Link]:-
React JS, React Native, Redux, Axios, the Weather API, Google Maps API, and JavaScript were used to create a “REAL-TIME
WEATHER FORECASTING APPLICATION” that gives users accurate and current weather information. The application enables
users to quickly obtain weather information on their preferred devices with a user-friendly interface created with React JS and React
Native. Data flow efficiency and smooth synchronisation between components are guaranteed by the Redux state management
library. In order to retrieve the most recent weather information, forecasts, and other pertinent information, Axios manages HTTP
requests to the Weather API. Interactive maps and location-based weather information are made possible by integration with the
Google Maps API. Overall, this application offers an easy-to-use and dependable weather forecasting experience, made possible
by the potent combination of these technologies.
IJRAR23B3457 International Journal of Research and Analytical Reviews (IJRAR) 850
© 2023 IJRAR May 2023, Volume 10, Issue 2 [Link] (E-ISSN 2348-1269, P- ISSN 2349-5138)

V. CONCLUSION:-
In conclusion, the real-time weather forecasting application created using React JS, React Native, Redux, Axios, Weather API,
Google Maps API, and JavaScript offers a user-friendly and effective solution for getting current weather data. React JS and React
Native's integration enables smooth cross-platform interoperability, allowing users to access the programme on different devices.

Redux guarantees efficient state management, boosting the application's performance and enabling simple data synchronisation
across various components. The Weather API can be easily accessed with Axios, making it easier to get accurate and current
weather [Link] can visualise weather patterns and forecasts on an interactive map by integrating the Google Maps API,
improving their comprehension of weather conditions in various places. In order to create dynamic and interactive elements that
offer a compelling user experience, JavaScript is used.

Ultimately, this application makes use of these technologies' strengths to provide dependable, real-time weather forecasts in an
approachable way. Users can observe reliable meteorological data on a map, access it, and set their preferences according to their
area and individual requirements. This weather forecasting programme is a useful resource for staying updated about the present
and upcoming weather conditions thanks to its user-friendly design and effective performance.

[Link] SCOPE:-
A real-time weather forecasting app created with React JS, React Native, Redux, Axios, the Weather API, the Google Maps API,
and JavaScript has a bright future. With the aid of these technologies, programmers may produce incredibly interactive and user-
friendly programmes that deliver precise and current meteorological data. The application may be created for both online and
mobile platforms using React JS and React Native, and it will be accessible to a vast audience of users. To ensure smooth data flow
throughout the application, Redux can be used for effective state management. When combined with the Weather API, Axios can
manage API calls to retrieve weather data from dependable sources and provide access to extensive weather data. The programme
may offer interactive maps and weather forecasts based on a user's location by integrating Google Maps API.

JavaScript is a strong and flexible programming language that makes it possible to build dynamic features and capabilities. All
things considered, this technological stack provides a solid framework for creating a cutting-edge weather forecasting application.

REFERENCES:-
1. S. K. Mohapatra, A. Upadhyay, C. Gola, International Conference on Computing and Communication Technologies for Smart
Nation (IC3TSN), IEEE, 12-14 Oct. 2017.

2. Dr. C. Ramesh, R.S. Kumar, IEEE, 11th International Conference on Ph.D. research in Microelectronics and Electronics
(PRIME), 29 June - 2 July 2015.

3. M. M. Ali, P. S. V. Jagadeesh, I.-I. Lin,

Hsu, “A Neural Network Approach to Estimate Tropical Cyclone Heat Potential in the Indian Ocean” IEEE Geosciences and
Remote Sensing Letters, Vol. 9, No. 6, Nov 2012, pp 1114-1117.

4. A real-time weather forecasting and analysis Sushmitha Kothapalli; S. G. Totad(21 June 2018).

5. C. Rocken et al., “GPS/STORM-GPS sensing of atmospheric water vapor for meteorology,” J. Atmos. Ocean. Technol., vol.
12, no. 3, pp. 468–478, Jun. 1994.

6. Kannan, M. Prabhakaran S. and Ramachandran, P.“Rainfall forecasting using data mining technique”.
International Journal of Engineering and Technology,Vol. 2, No. 6, pp. 397-401, 2010.

7. Monika Sharma, Lini Mathew, Chatterji s. “Weather Forecasting using Soft Computing and Statistical Techniques”
. IJAREEIE. Vol.3 , Issue 7.

8. [Link], International
Journal of Advanced Research in Computer Science and Software Engineering. February – 2014; 4(2): 357-359.

9. KeshmirGreick, Ivan Speh, Ivan Hedi “A web-based IOT solution for monitoring data using MQTT protocol”, 10.1109/
SST.2016.7765668 © 2016 IEEE.

10. Rohit Kumar Yadav and Ravi Khatri. 2016. A Weather Forecasting Model using the Data Mining Technique. International
Journal of Computer Applications 139, 14 (2016).

11. J. Shivang, S. S. Sridhar, “Weather prediction for indian location using Machine learning,” International Journal of Pure and
Applied Mathematics, vol. 118, no. 22 pp. 1945-1949, 2018.

12. [Link]

IJRAR23B3457 International Journal of Research and Analytical Reviews (IJRAR) 851