ihranova / react-weather-app

🌡️ ⛅ ☀️☔ A weather web application using React Hooks and OpenWeather API

🌡️ Weather App with React

Live Demo

LIVE DEMO

# 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

# Credits:

Images for weather: https://www.iconfinder.com/weather-icons?price=free
Photos: https://unsplash.com/
Design by Anton Mikhaltsov - https://dribbble.com/shots/10460680-Weather-App