Skip to content

Hani-ALHamad/Weather-App--react.js-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App (react.js)

• Used a free weather API in that app (and its the reason why daily tab is limited to 3 days only).
• The API that i used: https://www.weatherapi.com/
• Features in this app:

  • Dark & Light modes.
  • Location.
  • Search bar with suggestions (from the API).
  • Hourly auto update.
  • Remembers your city and other choices (in browser local storage).

• Used Reactjs and CSS to create it.
• React Hooks that i used: useContext, useState, useEffect, useCallback.
• Used React Icons as well.

-an image for the app:
alt text

-search feature:
alt text

-responsive css:
alt text

-local storage:
alt text