https://github.com/bclindner/react-weather-app

Simple React app for displaying data from the OpenWeatherMap API
https://github.com/bclindner/react-weather-app

babel bootstrap js openweathermap react website

Last synced: 8 days ago
JSON representation

Simple React app for displaying data from the OpenWeatherMap API

• Host: GitHub
• URL: https://github.com/bclindner/react-weather-app
• Owner: bclindner
• License: gpl-3.0
• Created: 2018-09-09T07:41:13.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-10T04:42:19.000Z (about 6 years ago)
• Last Synced: 2024-10-07T07:41:26.937Z (about 1 month ago)
• Topics: babel, bootstrap, js, openweathermap, react, website
• Language: JavaScript
• Size: 139 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React weather app

A simple single-page React app that pulls weather information from OpenWeatherMap's free weather and forecast APIs and (somewhat crudely) displays it in a dynamic manner. Mainly done for learning.

Uses [React](http://reactjs.org/) and [OpenWeatherMap](https://openweathermap.org/), of course, as well as [Babel](https://babeljs.io/) for in-browser conversion from JSX to JS, and [Bootstrap](http://getbootstrap.com/) for general layout and looks. Slapped together in a few hours to get the gist of React. Makes absolutely no attempt at best practices. Especially for images. Hope you like pixelation.

To start using the app, you'll have to enter an [OpenWeatherMap API key](https://openweathermap.org/api), which you can get for free. (To avoid having to enter it on every page load, you can also add the key to the empty `apiKey` prop for the WeatherApp component at the end of `weatherapp.jsx`.)

This app is publicly available on [GitHub Pages](https://bclindner.github.io/react-weather-app).