A Mapping App with Gatsby and React Leaflet, tracking the impact Covid-19 has had on the world.
Deployed at https://covid19-tracker-murex.now.sh/
Thanks to Colby Fayock who wrote the tutorial for this app at https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/
- Uses https://github.com/ExpDev07/coronavirus-tracker-api via https://coronavirus-tracker-api.herokuapp.com
- JHU - https://github.com/CSSEGISandData/COVID-19 - Worldwide Data repository operated by the Johns Hopkins University Center for Systems Science and Engineering (JHU CSSE).
- CSBS - https://csbs.org/information-covid-19-coronavirus - U.S. County data that comes from the Conference of State Bank Supervisors.
Jumpstart your next Gatsby mapping project with Leaflet!
Run the following in your favorite terminal:
gatsby new [directory] https://github.com/colbyfayock/gatsby-starter-leaflet
- 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/gatsby-starter-leaflet
For example, if I want my installation in ~/Code/new-gatsby-site, I would navigate to ~/Code and run:
gatsby new new-gatsby-site https://github.com/colbyfayock/gatsby-starter-leaflet
- Navigate to your new directory and run:
yarn develop
- You should now be running a new Gatsby site locally! 🎉