https://github.com/andyfrith/weather.goodapplemedia.com

A highly scalable, React JavaScript application with a focus on performance and best practices that displays weather forecast information.
https://github.com/andyfrith/weather.goodapplemedia.com

best-practices es6 javascript openweathermap react-boilerplate reactjs weather-data weather-forecast

Last synced: about 1 year ago
JSON representation

A highly scalable, React JavaScript application with a focus on performance and best practices that displays weather forecast information.

• Host: GitHub
• URL: https://github.com/andyfrith/weather.goodapplemedia.com
• Owner: andyfrith
• License: mit
• Created: 2017-04-27T16:37:26.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-01T14:41:54.000Z (about 9 years ago)
• Last Synced: 2025-02-13T18:45:59.552Z (over 1 year ago)
• Topics: best-practices, es6, javascript, openweathermap, react-boilerplate, reactjs, weather-data, weather-forecast
• Language: JavaScript
• Homepage: http://weather.goodapplemedia.com
• Size: 1.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: Changelog.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          





Good Apple Weather

A highly scalable, React JavaScript application with a focus on performance and best practices that displays weather forecast information.







  Created by Andy Frith and hosted athttp://weather.goodapplemedia.com.



## Demo Features



  
This is a responsive single page application which displays current weather and 5 day forecast for a provided city.  It is a UI solution created with HTML5, CSS3, and ES6 that demonstrates an exceptional and desirable user experience.

  


  
Integration with the OpenWeatherMap forecast API was necessary to retrieve a 5 day weather forecast.

  
Both current conditions as well as forecast information can be retrieved from OpenWeatherMap for a given city when the city name is provided.

  

  
This demo was developed with supporting JavaScript technologies, frameworks, package management, starter kit, build manager, and libraries that demonstrate best practices by the React ecosystem developer community.

  
The application was developed using the React JavaScript boilerplate starter kit.



## Download and Build

1. Clone this repo using `git clone --depth=1 https://github.com/andyfrith/weather.goodapplemedia.com.git`

2. Run `npm run setup` to install dependencies and clean the git repo.


   *We auto-detect `yarn` for installing packages by default, if you wish to force `npm` usage do: `USE_YARN=false npm run setup`*


   *At this point you can run `npm start` to see the example app at `http://localhost:3000`.*

## Links

- [**Live Demo**](http://weather.goodapplemedia.com): Access a working version of the demo at http://weather.goodapplemedia.com.

- [**Andy Frith**](http://andyfrith.com): Learn more about the demo developer at http://andyfrith.com.

- [**Good Apple Media**](http://goodapplemedia.com): Visit Andy's online portfolio site and learn more about his services at http://goodapplemedia.com.

## License

This project is licensed under the MIT license, Copyright (c) 2017 Andy Frith. For more information see `LICENSE.md`.