YWCA Locations

Javascript Project

Project Summary

For this project, my challenge was to create a page with an interactive map that displayed the YWCA locations across the country. I used Mapbox for the interactive map and coded the page using HTML, CSS and JavaScript.

View live site

Tools Used

My Role

Interactive Map

Using Mapbox, I imported a dataset of YWCA locations, then customized and styled a map theme to use on my page.

map of the United States with orange dots where there are YWCA locations

wireframes and protoypes working file in figma

Wireframe & Prototype

I used Figma to create a wireframe and prototype for this project before jumping into the coding. The design of the page aligns with the YWCA branding and their current website.

View wireframe & prototype