This project demonstrates the development of a responsive Web GIS portfolio page using HTML, CSS, and JavaScript to present and compare two ArcGIS Online applications. The webpage integrates live GIS content through embedded iframes, custom tab navigation, smooth scrolling, structured project documentation, and a recruiter-friendly presentation format.
To build a polished front-end webpage that embeds, explains, and compares two ArcGIS Online applications using a developer-oriented presentation style.
This page reframes academic GIS applications as a deployable Web GIS product, making the work more suitable for developer internship applications.
The applications below are embedded directly from ArcGIS Online. Each tab contains a concise explanation of the application purpose, interaction logic, technical design, and access to the live full-screen version.
This application supports outdoor travellers who need rapid situational awareness of snowfall conditions across national and regional parks in the United States. It focuses on communicating short-term forecast patterns in an accessible visual format.
The application was configured in ArcGIS Instant Apps using the Slider template. The supporting webpage uses JavaScript to embed the live app, while the front-end layout and controls were built with custom HTML and CSS for a cleaner presentation layer.
This dashboard visualizes global maritime security incidents alongside shipping routes to support spatial and temporal exploration of maritime risk patterns. The goal is to help users identify where incidents cluster, how patterns change over time, and which incident categories dominate.
The web map was assembled in ArcGIS Online Map Viewer and configured in ArcGIS Dashboards. An Arcade expression was used to simplify detailed hostility categories into grouped incident classes. The surrounding webpage uses custom front-end code to embed the dashboard and present its design logic.
This section explains the design decision behind each application format and the technical strengths of the two different ArcGIS Online routes.
The snowfall project is primarily a time-enabled public information application. The main requirement is a lightweight, guided interface that helps users interpret forecast changes quickly rather than compare many variables at once.
The Slider template is appropriate because it supports temporal storytelling, smooth forecast animation, and a simpler end-user experience for non-expert audiences.
The maritime project contains multiple analytical dimensions, including location, year, incident category, and relationship to major shipping corridors.
ArcGIS Dashboards is more suitable because it supports cross-element interactions, chart-driven filtering, and more advanced analytical comparison than a single-template storytelling application.
A recruiter-friendly summary of the build components, GIS data usage, and current application limitations.
The Snowfall Explorer uses a time-enabled snowfall forecast layer and a parks layer assembled in ArcGIS Online. The Maritime Dashboard uses global shipping routes and ASAM maritime incident records configured in ArcGIS Online Map Viewer and ArcGIS Dashboards.
AI tools were used to support webpage troubleshooting, layout refinement, and interface iteration. Their role was limited to assisting with front-end debugging, restructuring page sections, and improving visual presentation. All project framing, application selection, GIS content configuration, and final review decisions were made by the author.