React-Weather-App icon indicating copy to clipboard operation
React-Weather-App copied to clipboard

Published 20 hours ago • verified publisher icon ihranova
→

Metadata

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

🌡️ Weather App with React

weather app with React

globe_with_meridians 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

fire 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

heavy_check_mark Dark and Light Theme
heavy_check_mark City Finder
heavy_check_mark Geolocation API
heavy_check_mark 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

← Metadata

15
Stars
6
Forks
Watchers

Owner

verified publisher icon ihranova

Metadata

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

Back