项目作者: BinaryWorlds

项目描述 :
Mobile react app- in build!
高级语言: JavaScript
项目地址: git://github.com/BinaryWorlds/WeatherApp.git
创建时间: 2021-03-19T12:56:48Z
项目社区:https://github.com/BinaryWorlds/WeatherApp

开源协议:

下载


Mobile weather app with React

Table of Contents

Overview

lighthouse score

Tech

  • React
    • Hooks
    • Redux
    • Redux-Thunk
  • Styled Components
  • Service Worker
  • Eslint
  • Prettier
  • Mobile first

Some of solutions

  • reduce api calls(data is stored for an hour)
  • remember the list of added cities
  • animating elements only after content change
  • reduce size of json city list(for search hints)
  • parse data from api
    • handle time and timezone
    • convert degrees to compass direction
    • check api calls using regex
  • detect and debounces touch actions without using additional packages
  • edit city list using redux(apply/decline changes)
  • locating the user
  • user experience - displaying notifications

Demo

Check live: https://binaryworlds.github.io/WeatherApp/

lighthouse score