azz0r / 5-day-weather-forecast

5 day weather forecast openweathermap API using React & fetch

Home Page:http://5-day-weather-forecast.aaronlote.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

5 Day Weather forecast

View a demo here or here

πŸ“• Index

πŸ’ͺ Installing

npm cache clean;
npm install
npm run start;

or yarn

πŸš€ Launching

πŸ“š Testing

Powered by Mocha, Chai, Enzyme, Sinon.

  • Run unit tests npm run test

✨ Features

  • Built using React
  • Static compiling
  • SASS compiling
  • Per component SASS
  • Web pack dev & production configs inherit from a common config
  • Mocha, Chai & Enzyme testing
  • Babel Stage 0 & ES6

Notes

  • API: OpenWeatherMap 5 Days: http://openweathermap.org/forecast5
  • The free version of the openweathermap API does not support SSL and github pages only supports HTTPS - therefore you will need to click the shield for this work

TODO

  • Fix tests, time was short
  • Strip back the imported react framework, its overkill in places
  • Error handling in fetchJSON
  • Error handling when the API doesn't work (e.g. load unsafe scripts work around)

About

5 day weather forecast openweathermap API using React & fetch

http://5-day-weather-forecast.aaronlote.com/

License:MIT License


Languages

Language:JavaScript 77.5%Language:CSS 11.6%Language:HTML 7.7%Language:AppleScript 3.2%