treePGH

A comprehensive tree inventory for the City of Pittsburgh

treePGH utilizes Esri's Calcite design system and the ArcGIS Maps SDK for JavaScript to visualize and provide information on tree data (provided by the Western PA Regional Data Center) within the City of Pittsburgh.

Authors

• Aidan Donnelly (@aidan2312)

Technology Used

• Calcite Components
• ArcGIS Maps SDK for JavaScript
• React
• TypeScript
• Vite

Host it yourself

My .env is included for demo purposes only and the key included is a sample - I would not recommend using it.

First you'll need an ArcGIS API key to access the ArcGIS Maps SDK for JavaScript. More about that here. If you don't have access to ArcGIS, you could swap out the ArcGIS Maps SDK components for OpenLayers or MapBox.

Clone this repo:

git clone https://github.com/aidan2312/treePGH

Install dependencies

npm i

After acquiring an API key, copy it into .env as VITE_ARCGIS_API_KEY

Run!

npm run dev

Environment Variables

VITE_ARCGIS_API_KEY Your API key (see above).

License