Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/colbyfayock/coronavirus-map-dashboard

🦠 Coronavirus (COVID-19) Map Dashboard using coronavirus-tracker-api
https://github.com/colbyfayock/coronavirus-map-dashboard

coronavirus gatsby gatsby-site leaflet leaflet-map map map-dashboard mapping maps react-leaflet

Last synced: about 2 months ago
JSON representation

🦠 Coronavirus (COVID-19) Map Dashboard using coronavirus-tracker-api

Host: GitHub
URL: https://github.com/colbyfayock/coronavirus-map-dashboard
Owner: colbyfayock
License: mit
Created: 2020-03-28T18:22:07.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2023-06-10T00:46:43.000Z (over 1 year ago)
Last Synced: 2024-10-19T07:53:12.874Z (4 months ago)
Topics: coronavirus, gatsby, gatsby-site, leaflet, leaflet-map, map, map-dashboard, mapping, maps, react-leaflet
Language: JavaScript
Homepage: https://coronavirus-map-dashboard.netlify.com/
Size: 2.37 MB
Stars: 43
Watchers: 3
Forks: 24
Open Issues: 6
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # 🦠 Coronavirus (COVID-19) Map Dashboard

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)

Uses https://github.com/NovelCOVID/API

Jumpstart your next Gatsby mapping project with Leaflet!

## ⚡ Quick Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/colbyfayock/coronavirus-map-dashboard) [![Deploy with ZEIT Now](https://zeit.co/button)](https://zeit.co/import/project?template=https://github.com/colbyfayock/coronavirus-map-dashboard)

Once deployed, you'll need to add an environment variable `GATSBY_MAPBOX_KEY` with an access token from your [mapbox.com](https://www.mapbox.com) account.

## 🧰 What This Includes

* [Yarn](https://yarnpkg.com/en/)

* [Gatsby](https://www.gatsbyjs.org/)

* [Sass](https://sass-lang.com)

* [React Helmet](https://github.com/nfl/react-helmet)

* [Resolve Src](https://github.com/alampros/gatsby-plugin-resolve-src)

* [Leaflet](https://leafletjs.com/)

* [React Leaflet](https://react-leaflet.js.org)

## 🚀 Getting Started

### Requirements

* [Gatsby CLI](https://www.npmjs.com/package/gatsby-cli)

* [Yarn](https://yarnpkg.com/en/)

### Quick Start

Run the following in your favorite terminal:

```

gatsby new [directory] https://github.com/colbyfayock/coronavirus-map-dashboard

```

### Starting from Scratch

* Set up Yarn: https://yarnpkg.com/lang/en/docs/install/#mac-stable)[https://yarnpkg.com/lang/en/docs/install/

* Install the Gatsby CLI globally:

```

yarn global add gatsby-cli

```

* Inside the directory of your choice, scaffold a new Gatsby site:

```

gatsby new [directory] https://github.com/colbyfayock/coronavirus-map-dashboard

```

For example, if I want my installation in `~/Code/my-coronavirua-dashboard`, I would navigate to `~/Code` and run:

```

gatsby new my-coronavirua-dashboard https://github.com/colbyfayock/coronavirus-map-dashboard

```

* Navigate to your new directory and run:

```

yarn develop

```

* You should now be running a new Gatsby site locally! 🎉

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
_{Colby Fayock}
💻 📖

    
_{Carlos Castillo}
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!