Check out fruit(ful) here: https://main--fruit-ful.netlify.app/
The back end is hosted on Render, so it may take a minute or so for the server to boot up. If you still see a loading screen, refresh the page and everything should work fine.
The 'Find Fruit Trees' page allows you to see all of the fruit trees managed by the NYC Parks Department, filtered by the fruit trees navigation on the left hand side. Clicking different types will load all of those trees into the Leaflet map.
On the right hand side is a 'Bookmarked Trees' box where you can keep track of trees that you'd like to bookmark. When a tree icon is clicked on in the map, you have the option to bookmark it in the Leaflet popup. You can also remove bookmarked trees by clicking the 'remove' button.
The 'My Trees' page allows you to see all of your bookmarked trees in one place. With more time, I'd like to have the 'Bookmarked Trees' list show here as well, as well as some other options to create a route with the trees, and allow you to route your current location to a specific tree.
This project was inspired by my own foraging experience growing up in NYC with an immigrant mother. She and I would go on walks and I learned so much about identifying plants, fruits, vegetables, and a general appreciation for food thanks to her. As a born-and-bred New Yorker, I often forget that this dense city is also its own forest and habitat, and paying attention to nature through foraging helps remind me of that connection to the land. I love seeing mulberries when they're in season as well as all kinds of other fruiting trees, persimmons, figs, etc.
I hope you also enjoy perusing the fruit trees in your neighborhoods or routes, and this site helps you slow down to appreciate the ecosystem that is NYC/ Lenapehoking.
-
NYC Open Data API: https://data.cityofnewyork.us/Environment/2015-Street-Tree-Census-Tree-Data/pi5s-9p35
-
Javascript
-
React
-
React Leaflet
-
Node
-
Backend hosted on Render
-
Frontend hosted on Netlify
- Hat tip to Chett + Sakib at Flatiron for helping me out with all the bumps I hit along the way in creating this project!
- And to my fellow cohort classmates who kept me motivated and helped me solve problems along the way.