eduardohenao/proekspert

create a meteo app

This is an app to show the meteo info based on the openweathermap api.

1st of all, big thanks for exercise, t'was fun.

to start compiling, install node (8.12.0) and yarn (1.9.4) the node installer contains the npm (6.4.1) manager

after instancing the git repo go to the root and

yarn install
yarn build

to launch in an https server

yarn launch
go to http://localhost:8080

if you want to switch to http, change the launch command in package.json by removing the --https from webpack-dev-server and then change https to http in meteo-store.ts line 25 private baseUrl: string = "https://api.openweathermap.org/";

project points:

the api allowed me to obtain (for free) the meteo info
for the following 5 days, so 7 days was out of reach.

I used, with webpack 4, typescript 3, less for styles, mobx for the stores
and js-cookie for cookies manipulation (i store the models in a cookie for later recovery)

components are split between simpler and complex ones.
the less are in a mirrored folder structure to the component folder structure

A 3rd folder with components called svg contains (you guessed it!) the svg components.
instead of loading a svg file with webpack, i used the react SVG component, and loaded the internal SVG info
into the component itself.

the models folder contains the classes to interact with the API,
along with the meteo-store and the json-service files.

in assets, you'll find 2 versions of roboto and the icons font.