About:
The goal of this project was to create a mobile-friendly, interactive application to improve the visitor experience at a Park. The map needed to display useful visitor information, and allow users to submit some type of data to be stored in the application database. The map allows users to explore, filter, submit, search, and locate. Clicking on icons will display a popup, some of which have hyperlink to external sites to provide more information.
Project Report
Process: I created this full stack web application using JavaScript, Leaflet, and PUG on the client-side and Express, Node.js, and PostgreSQL on the server-side. The application uses a Postgres database. All data layers are hosted in the Postgres database, and users are allowed to report issues they encounter in the park. These issues are stored in the database. The auto-complete search widget allows you to search all the historical sites by name. The names are dynamically loaded from a server-side query. When searching, the map will pan and zoom to a selected site and display its popup. The map also allows users to filter historical sites by Nabataean, Roman, and Byzantine eras. The app was hosted on a local server only, so please watch the video embedded above for a live demo.
Completed December 2020