https://github.com/warborn/weather-app
React application to see forecast information using the OpenWeatherMap API
https://github.com/warborn/weather-app
Last synced: 8 months ago
JSON representation
React application to see forecast information using the OpenWeatherMap API
- Host: GitHub
- URL: https://github.com/warborn/weather-app
- Owner: warborn
- Created: 2017-07-12T04:23:28.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-12T06:43:44.000Z (almost 9 years ago)
- Last Synced: 2025-06-04T08:57:36.519Z (about 1 year ago)
- Language: JavaScript
- Size: 42 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Weather Application based on the curriculum of the React Fundamentals course at [tylermcginnis.com](https://tylermcginnis.com/)
======
Some of the concepts applied are:
- React Components
- PropTypes
- React Router
- OpenWeatherMap API integration
- AJAX calls with [axios](https://github.com/mzabriskie/axios)
- Webpack configuration
- NPM scripts to deploy to production using firebase
- ES6/7 features like arrow functions, async/await, object destructuring
### You can find the live version [here](https://wb-weather-app.netlify.com/)
Enter a city name and click the "Get Weather" button to search for the current forecast of that city
See a list of the the next 5 days forecast weather
Click one day to see more details about that day's weather
### Installation
Install all the dependencies.
```sh
$ cd weather-app
$ npm install
```
Try it on your local environment, execute the following command and wait for webpack to finish and go to http://localhost:8080/
```sh
$ npm run start
```
Build for production with:
```sh
$ npm run build
```