Weather Web App

Basic weather web app employing public API.

Developed as a part of Task 10 of Kottans FrontEnd Course

Table of Contents

• Features
• Known Issues
• Installing and building the project
• Deployment
• Resources
• Time Track

Features

• Search by City name
• Search by geo coordinates
• Current weather and 5 days forecast
• 20 latest cities searched are available in history track (stored per browser)
• Switch between imperial and metric units (stored per browser)
• Open Weather Map is a weather data source

App architecture

-- TOC --

Known Issues

• Styling is poor
• Forecast data removal is done not via style management
• Current location not detected
• Pre-loaded city list is not used
• Favourites management is not implemented
• Favourites drop-down is not implemented
• Search by geo coordinates is not validated
• Search errors are technical in style
• Units switch doesn't update current data

-- TOC --

Installing and building the project

Refer to building the project for more details.

-- TOC --

Deployment

Deploy to github pages, untracked dist/ only using push-dir

yarn global add push-dir or npm install --global push-dir once

push-dir --dir=dist --branch=gh-pages --cleanup --verbose

-- TOC --

Resources

• Autocomplete API

-- TOC --

Time Track

• TOTAL= 28h25
• 171222 00h10 - setup
• 171222 00h20 - initial research
• 171223 01h35 - app architecture design
• 171224 03h20 - view
• 171224 01h50 - unit switch controller and settings service
• 171224 00h20 - storage service
• 171224 05h00 - city list feature
• 180102 00h45 - research on webpack
• 180103 01h40 - storage.put progress controller
• 180103 03h55 - feature:search (UI management took 2hrs of efforts)
• 180104 06h10 - feature:weather
• 180110 02h40 - feature:history
• 180113 00h40 - feature:url: query and browser history

-- TOC --