flutter-covid19

KO | EN

gitlite — search

#javascript #hacktoberfest #react #golang #machine-learning #linux #macos #nodejs #java #windows #cli #vue #awesome-list #pytorch

flutter-covid19

(★ 11)

Flutter UI Challenge: Worldwide Covid-19 visualization

flutter-covid19 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Covid-19 Worldwide Numbers

An app built for [Flutter UI Challenge #1](https://docs.google.com/forms/d/e/1FAIpQLSeIy3Ov8IjzK42Xc2x__g-T0hbjnNJAyySfyc36GlEGQ_HUeg/viewform).

## Features

### Map and numbers

Official WHO data is fetched directly from [covid19.who.int](https://covid19.who.int/WHO-COVID-19-global-data.csv).
The number of new/total cases/deaths for each country is color coded in the world map.
Detailed numbers are shown in full in a data table.

| iPhone | iPad | iPad landscape |
| --- | --- | --- |
| ![iPhone](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/001_world_map_iphone.png) | ![iPad](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/002_world_map_ipad.png) | ![iPad landscape](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/003_world_map_ipad_landscape.png) |

### Search

User current location is detected by IP address (no additional permissions required).
Recent searches are also saved for easy access.

### Country highlight

A country can be highlighted from search result or by tapping its name in the data table.
The highlighted one will be zoomed in on the world map.
Its numbers are displayed prominently on top with accompanied graphs.

| iPhone on Vietnam | iPad on USA |
| --- | --- |
| ![iPhone on Vietnam](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/005_highlight_iphone_vn.png) | ![iPad on USA](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/006_highlight_ipad_us.png) |

### Sorting

The data table supports 8 sorting orders:

- New cases ascending / descending
- Total cases ascending / descending
- New deaths ascending / descending
- Total deaths ascending / descending

| New cases descending | Total cases descending | New deaths descending | Total deaths descending |
| --- | --- | --- | --- |
| ![New cases descending](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/007_sort_new_cases.png) | ![Total cases descending](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/008_sort_total_cases.png) | ![New deaths descending](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/009_sort_new_deaths.png) | ![Total detahs descending](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/010_sort_total_deaths.png) |

### Others

#### Animation

Subtle animations are used throughout the app to improve user experiences.
Some notable ones:

| Progress indicator | Map (zoom+pan) | Total / new toggler (mobile only) |
| --- | --- | --- |
| ![Progress indicator](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/011_animation_progress_indicator.gif) | ![Map](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/012_animation_map.gif) | ![Total / new toggler](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/013_animation_total_new_toggler.gif) |

#### Dark theme

User can choose to always use light / dark theme or let the app switch theme automatically.

| Light | Dark |
| --- | --- |
| ![Light](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/014_theme_light.png) | ![Dark](https://raw.githubusercontent.com/daohoangson/flutter-covid19/master/screenshots/015_theme_dark.png) |

flutter-covid19

flutter-covid19 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

flutter-covid19

flutter-covid19 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README