An interactive web application for finding swimming pools and splash pads in Kitchener, Ontario. The application displays all public swimming facilities on an interactive map, allowing users to filter by facility type (indoor/outdoor pools, splash pads), view detailed facility information, and check operating hours. Data is fetched in real-time from the City of Kitchener's ArcGIS REST API and displayed using Leaflet.js mapping library. Built with vanilla JavaScript, HTML5, and CSS3.
- Interactive map with color-coded markers
- Real-time data filtering by facility type
- Statistics dashboard
- Operating hours modal dialogs
- Responsive design
- Working with External APIs
- Interactive Mapping with Leaflet.js
- JSON Data Processing & Manipulation
- Dynamic HTML Generation
- Event-Driven Programming
- Data Visualization
HTML5, CSS3, JavaScript, Leaflet.js, OpenStreetMap, ArcGIS REST API, GeoJSON
-
Download the file:
git clone https://github.com/palomafofana/waterloo-pool-finder.git cd waterloo-pool-finder -
Open in browser: Double-click waterloo-pools.html Or right-click → Open With → Your browser (Chrome, Firefox, Safari, etc.)
-
The app will fetch data from the API and display the map.
Author: Paloma Fofana
GitHub: @palomafofana