Skip to content

prabodh2/REACT_Weather_Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This weather dashboard, developed using React JS, features a search bar that allows users to retrieve and view the current weather conditions of any specified city. Upon search, the dashboard displays the city's current temperature, humidity level, wind speed, and an icon representing the prevailing weather conditions. Data is fetched in real-time from the OpenWeatherMap API.

The implementation utilizes React's useEffect and useState hooks. These hooks are integral for state management and lifecycle methods within the component. The useState hook is employed to create and manage state variables, which, when updated, trigger the component to rerender. The useEffect hook is used to perform side effects in function components, such as fetching data from the API when the component mounts or updates.

Overall, the use of these hooks facilitates a seamless user experience by ensuring the UI dynamically responds to user interactions and updates efficiently based on the latest data.

To install -

1.First download the ZIP file
2.Unzip the file and open the folder in the terminal.
3.Run the following commands -
Screenshot 2024-06-11 at 9 31 54 PM

Screenshot 2024-06-11 at 9 31 41 PM

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published