Skip to content

LakshyaDuhoonISU/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a weather dashboard made using React JS which has a search bar where the user can search the weather of a particular city and see it's current temperature, humidity level, wind speed, and an icon representing the current weather of the place. It uses OpenWeatherMap API to fetch the data.

It uses useEffect and useState hooks from react library which is used for managing state variables and executing functions on the change of a component's lifecycle.

Hooks are functions that allow us to access the features of React.

  • useState hook allow us to create and manage state variables whose values once changed, trigger a component rerender. They retain their value even after a component rerenders. It consists of the state variables and a setter function to set their values.
  • useEffect hook allows us to execute some particular functions after a change in the component's lifecycle. It consists of the code to execute and an array of dependencies, which consists of elements whose values once changed, will call the useEffect hook.

To install -

  1. First download the ZIP file
  2. Unzip the file and open the folder in the terminal.
  3. Run the following commands -
npm install
npm run dev
Screenshot 2024-06-05 at 23 32 53 Screenshot 2024-06-05 at 23 33 03

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published