A weather web application using React Hooks and OpenWeather API

by React

Weather App with React

A weather web application using React Hooks and OpenWeather API.

View Demo View Github

Get API keys

https://openweathermap.org/
https://unsplash.com/developers
You need to create .env and add the follow keys
REACT_APP_API_KEY_APPID=your-api
REACT_APP_API_KEY_UNSPLASH=your-api

Libraries and Technologies

  • Accesses Open Weather API for weather data
  • Uses React, including React Hooks
  • Uses fetch for data fetching, included in a custom React Hook
  • Uses Local Storage to save dark theme & current temperature Conversion/celsius or fahrenheit/.
  • Styled with Styled Components
  • Uses React Icons, React Swiper, Node Sass

Features

  • Dark and Light Theme
  • City Finder
  • Geolocation API
  • Temperature Conversion: Celsius or Fahrenheit