Welcome to Noah Ponto's Projects Page

St. Paul Crime Web Application

This project is a working single page application to help illustrate crimes in St. Paul, Minnesota. It implements 3 different APIs: Leaflet, Nominatim, and our own custom API. Leaflet: used to render interactive maps that have the ability to have markers and other data imposed on the map. Nominatim: allows for quick searching of a location by its name or to grab a location's address based on its latitude/longitude Our API: custom made API that allows easy retrieval of St. Paul crime incidents based on police code, location, time, and a few other criteria. This project also utilizes Vue.js for the implementation of the map

Default Page View of St. Paul Map

Default View of Crimes Table. Crimes are color-coded by type

Searching for University of St. Thomas will center the map on St. Thomas. The Location information box will update in real-time with GPS information of the center of the map.

Selecting filtering options to only include Robbery, Burglary, and Theft in the Summit-University area will populate the table with only those crimes

Relevance to Capstone

This project was some of the most HTML work I have ever done. There was a heavy use of formatting tables, since that was the majority of how we were displaying crime info. Additionally, we were given different API's to use for the project. However, we had never used them before this project. This meant that we had to research them and look at documentation on our own in order to use them in our code. This was challenging as it meant that it was mostly up to us for what we used and where. I believe this is closely tied to how things are done in Capstone.