Weather Webapp Using Reactjs And Weather API

Abstract

Over the past year Weather app is extremely useful to check weather for user all across the world and it will only grow by time. Most popular Weather app are Google Weather , Yahoo Weather and so on as this Weather app are very user friendly so that user don’t get any difficult to use Weather app.

Introduction

I. INTRODUCTION

The “Weather Webapp Using Reactjs And Weather API” is very users friendly it is design to help user to access Weather of different place all over the world on the screen. This webapp is made using Reactjs and Weather API because it runs on local host and it is very user friendly and it does not consume more memory. This webapp can be run on limited data and it can be run many old device it does not take lot of time to load. To make this application, we need an API (Application Programming Interface) which will provide the data you need to create a weather web application. For the current project, we will use an API to retrieve weather data in the world. Some APIs can be used for free, while some APIs have to be paid for a certain price.

To create a weather web application, we will use the API from OpenWeatherMap.org which you can use for free or paid. To use this API, you need an API key. To get the API key, you must register with the OpenWeatherMap web first. So please log in/sign up to https://home.openweathermap.org/users/sign_in.then later on we will use react js and deploy this web application using heroku on live .

II. RELATED WORK

There are many big Weather forecasting app which have many things to offer so we have made simple and user friendly Webapp which can be used by any user without any difficult and it will show the real time weather forecast of the place which user has input in the search bar. As it is simple program the runtime is very good weather get load very fast.

Benefit of Weather webapp

1. As it is running on local host it is safe
2. Load time is very fast
3. Less memory
4. It can be used on small devices

A. Weather Webapp UI

User just have to input the country or state name in the search box and click on search box it will give temperature in the output of that place instantly.

B. Customizing the UI

It is very easy to customizing the UI by reactjs you can make it more eye catching input more feature like forecasting weather for day after.

Conclusion

In this project we learn the creating weather webapp is not easy task. But with help some basic knowledge of Reactjs we can create a basic Weather app for user and it will help them to search Weather of any place easily

Copyright

Copyright © 2022 Joy Sharma, Afzal Khan, Nirban Kaif , Bhavesh Mishra, Mrs. Poonam Vengulekar. This is an open access article distributed under the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.