Map Viewer

Now view the tree data of New York city in an interactive map. Filter through the various options and get a good insight right on the map.

Steps to install:

Pre-requisite:

• Docker

Import data from official website to local database

cd backend

# create env file
cp .env.keep .env

# start docker services
docker-compose up -d

# install backend dependencies
npm i 

# run db migrations & add seed data
npm run knex migrate:latest
npm run knex seed:run

# create temp directory in /backend
mkdir temp

# this process may take around 2-4 minutes to complete
# don't cancel while the process is running 
npm run import-ny-trees

Start the backend server

npm run build:dev

Start the frontend app

cd frontend

# install frontend dependencies
npm i

# set mapBoxAccessToken on Line 120 in frontend/src/components/index.tsx file

# start app
npm start

Head to http://localhost:3000 and explore the trees of New York city.