https://github.com/tomdewildt/covid-19-data-visualizer

Website for visualizing temporal COVID-19 outbreak data in The Netherlands on a map
https://github.com/tomdewildt/covid-19-data-visualizer

actions deck-gl javascript react redux redux-saga styled-components

Last synced: about 7 hours ago
JSON representation

Website for visualizing temporal COVID-19 outbreak data in The Netherlands on a map

• Host: GitHub
• URL: https://github.com/tomdewildt/covid-19-data-visualizer
• Owner: tomdewildt
• License: mit
• Created: 2020-10-12T22:21:01.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-11T18:12:57.000Z (7 months ago)
• Last Synced: 2024-04-11T23:55:28.938Z (7 months ago)
• Topics: actions, deck-gl, javascript, react, redux, redux-saga, styled-components
• Language: JavaScript
• Homepage:
• Size: 3.53 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# COVID-19 Data Visualizer

[![Build](https://img.shields.io/github/actions/workflow/status/tomdewildt/covid-19-data-visualizer/ci.yml?branch=master)](https://github.com/tomdewildt/covid-19-data-visualizer/actions/workflows/ci.yml)

[![Coverage](https://img.shields.io/codecov/c/gh/tomdewildt/covid-19-data-visualizer)](https://codecov.io/gh/tomdewildt/covid-19-data-visualizer)

[![License](https://img.shields.io/github/license/tomdewildt/covid-19-data-visualizer)](https://github.com/tomdewildt/covid-19-data-visualizer/blob/master/LICENSE)

Website for visualizing temporal COVID-19 outbreak data in The Netherlands on a map. This website is build with React, the dataset is provided by the [covid-19-data-collector](https://github.com/tomdewildt/covid-19-data-collector) tool.

# How To Run

Prerequisites:

* node version ```18.12.1``` or later

* npm version ```8.19.2``` or later

### Development

1. Run ```npm install``` to initialize the environment.

2. Run ```npm start``` to start the dev server.

### Production

1. Run ```npm install``` to initialize the environment.

2. Run ```npm run build``` to build the site.

# References

[React Docs](https://reactjs.org/docs/)

[Deck.GL Docs](https://deck.gl/docs)

[Redux Docs](https://redux.js.org/api/api-reference)

[Redux-Saga Docs](https://redux-saga.js.org/docs/api/)

[Scaling Your Redux App With Ducks](https://www.freecodecamp.org/news/scaling-your-redux-app-with-ducks-6115955638be/)

[Styled Components Docs](https://styled-components.com/docs)

[ARIA Roles, Attributes & Techniques](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques)

[React Testing Library Cheatsheet](https://testing-library.com/docs/react-testing-library/cheatsheet)

[React Testing Library Queries](https://testing-library.com/docs/dom-testing-library/api-queries)

[React Testing Library Events](https://testing-library.com/docs/dom-testing-library/api-events)

[Redux Tests](https://redux.js.org/recipes/writing-tests)

[Redux Saga Tests](http://redux-saga-test-plan.jeremyfairbank.com/)