Weather App Task

Please build a single HTML page displaying the 5-day weather forecast for a location of your choice.

• We believe a good solution can be created in around 4 hours, but feel free to spend as little or as much time as you like. You do not have to complete the entire exercise.
• Use the latest specs of HTML, CSS and ECMAScript to implement the solution. At this time, these would be HTML5, CSS3 and ES2016.
• Use the OpenWeatherMap 5 day weather forecast API to retrieve the current 5-day weather forecast.
• Give some thought to what will make a decent user experience. We would like to see something readable but with no need to go all out on sleek and flashy UI elements.
• Use any supporting technologies, frameworks, package managers, starter kits, build systems and libraries that you are familiar with and feel are appropriate.
• Ensure your code has comprehensive unit tests and does not have any lint errors, otherwise your solution will not be reviewed.
• Assuming a Node.js environment with the latest version installed, please ensure that there are no globally installed dependencies required to build/run your app. If you have to have them please explain why. This avoids environment issues when trying to build your solution.
• Provide a README.md file that: Documents how to run/build/test your creation.
• Documents anything you might implement with more time (features, fixes, technical debt, corrections etc.)
• Submit your code into a public git repository of your choice (Github / Bitbucket etc.)
• Host your code on a public web server of your choice.

Demo

• See it working demo here(http://139.59.8.73:8081/)

I use following library and module for this task

• React — A virtual DOM JavaScript library for rendering UI.
• Redux — An incredibly simple way of modelling your data app state.
• Webpack — Client-side module builder and module loader
• React Router Redux — Simple bindings to keep React Router and Redux in sync
• Yarn — Package manager and task runner
• Babel — Transpiler from ES6 / JSX to ES5
• ESLint — As a reporter for syntax and style issues

Getting Started

Installation

git clone https://github.com/nisargrthakkar/buildit-weather-app.git
cd buildit-weather-app
yarn install
yarn start

Development

Build for Development:

$ yarn build:dev

Start Server for Development:

$ yarn server:dev

Build for Production:

$ yarn build:prod

Start Server for Production:

$ yarn server:prod

Hot reloading via webpack middlewares:

$ yarn start

Point your browser to http://localhost:8080/, page hot reloads automatically when there are changes