Menu

Tree [53f338] master /
 History

HTTPS access


File Date Author Commit
 app 2016-08-08 leanne leanne [53f338] Fix react warnings
 package 2016-08-08 leanne leanne [5fc88d] Styline view; add bootstrap; add icons; make fe...
 styles 2016-08-08 leanne leanne [5fc88d] Styline view; add bootstrap; add icons; make fe...
 test 2016-08-08 leanne leanne [719918] Initial commit
 .babelrc 2016-08-08 leanne leanne [719918] Initial commit
 .eslintrc 2016-08-08 leanne leanne [719918] Initial commit
 .gitignore 2016-08-08 leanne leanne [719918] Initial commit
 Notes.txt 2016-08-08 leanne leanne [719918] Initial commit
 README.md 2016-08-08 leanne leanne [53f338] Fix react warnings
 bower.json 2016-08-08 leanne leanne [5fc88d] Styline view; add bootstrap; add icons; make fe...
 city.list.json 2016-08-08 leanne leanne [719918] Initial commit
 gulpfile.js 2016-08-08 leanne leanne [5fc88d] Styline view; add bootstrap; add icons; make fe...
 index.js 2016-08-08 leanne leanne [719918] Initial commit
 karma.conf.js 2016-08-08 leanne leanne [719918] Initial commit
 package.json 2016-08-08 leanne leanne [719918] Initial commit
 webpack.config.js 2016-08-08 leanne leanne [719918] Initial commit

Read Me

leanne1-react-5-day-weather

Run up the app

  • Clone this repository
  • Run npm i and bower i
  • Run gulp and npm run webpack (in separate tabs)
  • Open the browser at http://0.0.0.0:8824/
  • Run up tests with gulp test

Code

  • Convert WeatherModel into a non-destructive functional pipeline instead of a class - with no data mutating
  • Use Redux to handle state to allow scaling the app
  • Unit tests
  • Remove gulp and replace with a webpack / npm solution
  • Handle errors (HTTP request errors etc.)

UI / UX

  • The algorithm for calculating which description and icon to show doesn't take into account whether
    the time segment is day or night, so night time icons may get shown in the day

Features

  • •C / •F toggle
  • Weather by 3-hourly period (or hourly with additional API call)
  • Select lists to change location
  • Button to fetch latest update
  • Custom styling