Building the Search: My Week 2 Progress on Bloom After

By Grace Olabode | Engineering Lead, Bloom After In my first article , I talked about setting the foundation for our project. This week, we actually started building the tools for mothers to find support. It was a busy week of maps and filters and making the Resource Hub look exactly like the safe space the designers planned. What I Built This Week 1. The Clinic & Hospital Finder This was the most technical part of my week. I built the search directory so mothers can find a clinic easily without scrolling forever. The Interactive Map: I used Leaflet.js to make a map with clinic pins. I also added a "Use My Location" button that finds where the user is using the browser geolocation and sorts the list to show the closest clinics first. Advanced Filters: I made a filtering system so users can sort by cost like Free/Subsidised vs Private. They can also filter by the type of doctor or if they want to see someone online or in person. Slide-out Details: When you click a clinic, a panel slides