Project Type: SPA | UX Design | Full StackRole: Project LeadTechnology: React | Lambda | DynamoDBIn late 2019 Providence Health & Services was using two services to manage their same day care appointments. One service they built in house and the other service was a 3rd party called Clockwise. They built an application in house for their system, but the marketing team wanted a page they could send users where they could choose between both options. The key difference between them being that clockwise was a queue-based system and the in-house solution was a time slot-based solution.
I built them a single page application in React where we were able to combine both systems allowing the user to see all their locations. Some of the technology used in this project was React, Lambda, DynamoDB and the Google Maps API.
One challenge that I had to solve for in this project was more of a UX problem. How do we clearly display the information between the queue-based facilities verses the appointment facilities? We could show queue time but were limited on next appointment time per facility due to API constraints and only being able to get time slot data by making individual API calls per facility. So, we decided to show time in the navigation pins on the map to differentiate the types of locations.
The project turned out a success and lead to an immediate 15% increase in appointment bookings. Some of my favorite features I got to implement and develop for this project was an API to look up zip code latitude and longitude. The Google Map’s API is pretty expensive for these look up’s so I found an open-source project that has all of this data and wrote some middleware to look up the latitude and longitude for a zip code and if my API couldn’t find it then ask Google for it. I was able to reuse this in a few other project’s and saved my company hundreds of dollars a month in API bills from Google.
