# Simple Weather App (built in React)

**URL:** <https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679>\
**Category:** web dev\
**Created:** [April 18, 2019, 5:42am UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679 "2019-04-18T05:42:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 18, 2019, 5:42am UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679/1 "2019-04-18T05:42:41Z")

</div>

Hi everyone!

I was fiddling around with writing some more advanced React tutorials. As part of that, I created this very simple weather app:

> <https://twitter.com/kirupa/status/1118753348826456065>

You can view the source here: [https://github.com/kirupa/kirupa/tree/master/reactjs/weather](https://github.com/kirupa/kirupa/tree/master/reactjs/weather)

To properly use it, you should get the API key from here: [https://openweathermap.org/api](https://openweathermap.org/api)

I’ll post a tutorial on this eventually, but no promises it will be soon - as usual 🙂

Cheers,  
Kirupa

---

<div class="post-metadata">

**Author:** ![jamesbarry](https://avatars.discourse-cdn.com/v4/letter/j/ccd318/32.png) [@jamesbarry](https://forum.kirupa.com/u/jamesbarry)\
**Post date:** [April 18, 2019, 9:50am UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679/2 "2019-04-18T09:50:49Z")

</div>

good app i like it  
keep it up!

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [April 18, 2019, 11:11am UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679/3 "2019-04-18T11:11:54Z")

</div>

very nice and simple!

---

<div class="post-metadata">

**Author:** ![flvegat](https://avatars.discourse-cdn.com/v4/letter/f/bbe5ce/32.png) [@flvegat](https://forum.kirupa.com/u/flvegat)\
**Post date:** [April 21, 2019, 8:14pm UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679/4 "2019-04-21T20:14:32Z")

</div>

Made this React/Redux app with 3 other students in a build week for Lambda School. At the time the US government was shut down do we used Dark Skyes, when I have time will fix that. Formatted to work great for a phone. [https://climate-hack-winter-2019.herokuapp.com/](https://climate-hack-winter-2019.herokuapp.com/)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 22, 2019, 9:01pm UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679/5 "2019-04-22T21:01:15Z")

</div>

That is really neat @flvegat😛

---

<div class="post-metadata">

**Author:** ![MohittPattel](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@MohittPattel](https://forum.kirupa.com/u/MohittPattel)\
**Post date:** [April 29, 2021, 7:26am UTC](https://forum.kirupa.com/t/simple-weather-app-built-in-react/639679/7 "2021-04-29T07:26:52Z")

</div>

This is awesome can be more interactive