GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → esnz → react-weather-app

esnz / react-weather-app

Licence: GPL-3.0 license
Weather App built with React & TypeScript

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects

Labels

reactreduxweatherstyled-componentsopenweathermapweather-appreactweather

Projects that are alternatives of or similar to react-weather-app

react-weather-app
An attempt to make an ultimate weather app. In ReactJS, with React hooks and context.
Stars: ✭ 39 (-36.07%)
Mutual labels:  weather, openweathermap, weather-app
Wttr.in
⛅ The right way to check the weather
Stars: ✭ 16,345 (+26695.08%)
Mutual labels:  weather, weather-app
angular-weather-app
Angular 7 web app displays the weather report through openweathermap.org APIs
Stars: ✭ 13 (-78.69%)
Mutual labels:  weather, openweathermap
WeatherApp MVI sample
🌸[Functional reactive programming (FRP)] 🍁Simple Android weather forecast application written in Kotlin, using RxKotlin, Retrofit2, Mosby, Room Persistence ❄️MVI Pattern with Mosby Library
Stars: ✭ 106 (+73.77%)
Mutual labels:  weather, weather-app
owmr
An R Interface to OpenWeatherMap
Stars: ✭ 24 (-60.66%)
Mutual labels:  weather, openweathermap
weather-styled-icon
⛅️☀️🌧🌨in ⚛️
Stars: ✭ 23 (-62.3%)
Mutual labels:  weather, styled-components
Weather
Weather Android App using apixu API https://www.apixu.com
Stars: ✭ 48 (-21.31%)
Mutual labels:  weather, weather-app
weather-station
Everything you need to run and monitor your own open source weather station. ⛅
Stars: ✭ 38 (-37.7%)
Mutual labels:  weather, weather-app
AndroidWeatherApp
Android WeatherApp, using the http://openweathermap.org/ API. Made for Network + JSON Parsing and Material Design Experiments.
Stars: ✭ 17 (-72.13%)
Mutual labels:  weather, weather-app
climate-app
Climate App é uma aplicação responsável por mostrar dados climáticos (temperatura atual, umidade, velocidade do vento etc) de uma determinada cidade em tempo real. A obtenção desses dados foi feita através da open-weather-api.
Stars: ✭ 40 (-34.43%)
Mutual labels:  weather, weather-app
scala-weather
High-performance Scala library for looking up the weather
Stars: ✭ 45 (-26.23%)
Mutual labels:  weather, openweathermap
react-weather-app
⛅️ PWA Weather App made with ReactJS
Stars: ✭ 147 (+140.98%)
Mutual labels:  weather, weather-app
cuba-weather-flutter
Application for mobile devices of the Cuba Weather project implemented with Flutter
Stars: ✭ 28 (-54.1%)
Mutual labels:  weather, weather-app
android-weather
View a beautiful, material design-based 10 day weather forecast
Stars: ✭ 32 (-47.54%)
Mutual labels:  weather, openweathermap
epaper-clock-and-more
e-paper clock + weather + AQI + traffic delays - using Waveshare 2.7inch & 4.2inch eink displays running on Raspberry Pi
Stars: ✭ 34 (-44.26%)
Mutual labels:  weather, openweathermap
Real-World-Weather
Unity project that displays the current weather in your location in real-time using the Dark Sky API
Stars: ✭ 39 (-36.07%)
Mutual labels:  weather, weather-app
weather-bar-app
Weather Bar lives in your Menu Bar giving you access to beautiful real-time weather conditions and a generous 15-day forecast.
Stars: ✭ 38 (-37.7%)
Mutual labels:  openweathermap, weather-app
d9l weather
A flutter weather app
Stars: ✭ 22 (-63.93%)
Mutual labels:  weather, weather-app
weather-app-2020-android
Android Weather App 2020
Stars: ✭ 15 (-75.41%)
Mutual labels:  weather, weather-app
pluvia weather flutter
A weather app with beautiful animations, built with Flutter. Uses the OpenWeatherMap API and MapBox API.
Stars: ✭ 114 (+86.89%)
Mutual labels:  weather, openweathermap
View All Similar Projects ➔

React Weather

Weather App built with React. Live Demo

Tech Stack

React, Typescript, Redux, StyledComponents

Features

  • Weather forecast for any city or place
  • Extended 7 days forecast
  • Find user location weather by utilizing GeolocationAPI
  • One-click Celcius to Fahrenheit conversion and vice versa
  • Dark Mode

Getting Started

First you need an API key from OpenWeatherMap, you can get one by creating an account on their website. After you got your API key, create a .env file at root directory of project, copy the line below to the file and replace YOUR_KEY with your OpenWeatherMap API Key.

REACT_APP_WEATHER_API_KEY=YOUR_KEY

Finally clone this repository, install dependencies and run the local server

git clone https://github.com/esnz/reactweather.git
cd reactweather
npm install
npm start

Credits

OpenWeatherMap (Weather data API)

Algolia Places (Place suggestion API)

Icons8.com (Weather icons)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].