PravunathSingh / TempoClima

A weather monitoring system using IoT

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🌑️ 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

About

A weather monitoring system using IoT


Languages

Language:JavaScript 93.7%Language:HTML 6.3%