Need help with covid19japan?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

reustle
261 Stars 107 Forks MIT License 1.2K Commits 22 Opened issues

Services available

!
?

Need anything else?

Contributors list

# 1,127
Materia...
iOS
Objecti...
sprites
238 commits
# 175,760
HTML
Shell
image-o...
JavaScr...
205 commits
# 478,874
JavaScr...
HTML
Shell
74 commits
# 126,888
Ruby
Rails
JavaScr...
yaml-pa...
47 commits
# 484,875
Groovy
jakarta...
microse...
HTML
44 commits
# 639,897
JavaScr...
HTML
17 commits
# 255,121
icon-fo...
HTML
JavaScr...
svg-ico...
16 commits
# 614,757
JavaScr...
HTML
16 commits
# 372,760
HTML
Firefox
TypeScr...
React
14 commits
# 656,512
JavaScr...
HTML
14 commits
# 685,148
JavaScr...
HTML
8 commits
# 125,828
JavaScr...
HTML
alibaba...
Jenkins
7 commits
# 21,102
JavaScr...
perform...
chrome-...
Groovy
7 commits
# 698,217
JavaScr...
HTML
7 commits
# 728,779
JavaScr...
HTML
5 commits
# 728,780
JavaScr...
HTML
5 commits
# 148,838
python3
Perl
handleb...
duckduc...
5 commits
# 298,106
JavaScr...
React N...
Shell
HTML
5 commits
# 11,051
materia...
materia...
html5
Vue.js
5 commits
# 42,253
Python
vk
vk-api
HTML
4 commits

COVID19Japan.com

A community powered COVID-19 coronavirus tracker for Japan.

The project is a single page JavaScript application running in the browser, pulling data in via a JSON file, and hosted on GitHub Pages.

Data Sources

For all information regarding the data powering this site, please visit the covid19japan-data repo.

Our data is sourced from a variety of sources, primarily Japanese news outlets like NHK, prefectural governments, and the Ministry of Health, Labour and Welfare.

Embed

To embed an abridged version of the app, add the following to your HTML:

Contributing Code

If you would like to contribute features, refactor code, etc., please create or comment on an issue on this repo, and one of the core contributors listed below.

Running Dev Locally

Build Instructions

Requirements: NodeJS

Set up the environment:

npm install

Build the code continuously & serve it:

npm run start-webpack

You will now be able to access the site at http://localhost:4000/

More Commands

Build once:

npm run build

Build continuously:

npm run watch

Start Server:

npm run start

Testing

When testing your changes locally, be sure to verify both the

/
and
/embed
pages are working properly.

Localization

Localizing content

All strings in the

src/
files should be localized like this:
  1. Add a key-value pair in
    src/i18n/en.json
    for your string/text
  2. For HTML: add the
    data-i18n="your-new-key"
    attribute to the HTML element to be localized (replace "your-new-key" in the example)
  3. For JavaScript: call the
    i18next.t("your-new-key")
    function to retrieve the localized string (replace "your-new-key" in the example)
  4. Add any additional translations with the same key to other files in
    src/i18n/

Adding new languages

To add a new language

  1. Make a copy of an existing localization file (recommended:
    src/i18n/en.json
    ), name it to match the new language (e.g.
    ja.json
    ).
  2. Replace the translations in the file you just created.
  3. Add the new language to the array of
    LANGUAGES
    and
    LANGUAGE_NAMES
    of
    src/i18n/index.js
    .
  4. Add the appropriate
    date-fns
    locale to the imports of
    src/i18n/index.js
    , and append that locale to the LOCALES export.

License & Code Re-use

The code for this project is released under the MIT License. You are free to re-use it but we ask that you please include a link back to the COVID-19 Japan website or this GitHub repository. We'd also be happy to include your site in the list of forked projects below – just create an issue to request it.

Forked Projects

Core Contributors

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.