reisfmb / weather-typescript-app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tasks

✅ Create a weather widget/page using Typescript + HTML/CSS (or Bootstrap)

Decided to go with raw Scss using the BEM pattern.

✅ Should display the weather in Oslo and São Paulo using http://openweathermap.org/API services

Done :)

✅ The widget/page should update periodically

Caches data from the API in localStorage for 1 minute and updates if there is a change in the temperature of +-1 Kelvin.

✅ Html design skills. How the tags are used and what tags are used. CSS styling (or usage of ready UI bootstrap frameworks). Experience with Typescript. Clean code. Testability.

Did my best and also implemented unit tests for each .tsx component

How to run

In the project directory, simply run yarn start.

To run the unit tests for each .tsx component, simply run yarn test in the project directory.

Preview

wta.mp4

About


Languages

Language:TypeScript 72.7%Language:SCSS 18.4%Language:HTML 7.8%Language:Shell 1.1%