veronicadev / italy-covid-tracker

🦠 Interactive and animated dashboard to track the outbreak of COVID-19 in Italy

Home Page:https://test-covid-tracker.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo

Italy COVID-19 tracker

Interactive and animated dashboard to track the outbreak of COVID-19 in Italy
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project

Italy covid-19 tracker Italy covid-19 tracker

The purpose of this project is to show, in a intuituve and interactive way, data of COVID-19 outbreak in Italy. The dashboard fetches data from the official github repository of Dipartimento della Protezione Civile, and shows it in different ways like tables, charts and map.

Built With

The dashboard is built with:

  • Vue.js
  • Node.js
  • Express
  • Bootstrap Vue
  • MapBox

Getting Started

Follow the instructions for setting up the project locally.

Prerequisites

  • Node
  • npm
npm install npm@latest -g

Installation

  1. Clone the repo
git clone https://github.com/veronicadev/italy-covid-tracker.git
  1. Install NPM packages
npm install
  1. Create the .env file in the main folder of the project and enter your API
DATASOURCE_HOST=https://raw.githubusercontent.com
DATASOURCE_BASE_URL=/pcm-dpc/COVID-19/master
VUE_APP_API_URL=http://localhost
NODE_ENV=development
VUE_APP_MAP_TOKEN=<YOUR MAPBOX KEY>
  1. Run the following command to start the server
npm run start
  1. Run the following command to start vue
npm run serve

Features

Search & Calendar

Province list

Interactive map

Interactive national trend chart

Top affected regions

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

Project Link: https://github.com/veronicadev/italy-covid-tracker

About

🦠 Interactive and animated dashboard to track the outbreak of COVID-19 in Italy

https://test-covid-tracker.herokuapp.com/


Languages

Language:Vue 68.3%Language:JavaScript 21.5%Language:HTML 5.1%Language:SCSS 5.0%