Elder Data

Elder Data screenshot
Demo

Description: Housing Florida’s Older Adults: By the Numbers (referred to as Elder Data by my team and I) is the 1st web app I worked on with the Shimberg Center. The app provides data on housing the elderly in Florida.

Why I made Elder Data: We remade the existing site (most of which was written in Perl). Since we were such a small team, I was the lead developer - which was a really cool experience.

What I'm proud of: Two requirements of the site were to have an autocomplete input field and a clickable map for the various counties in Florida. I had an idea to wire them together so that as you type in the autocomplete, the results list that matches your search also highlights the corresponding places on the map. I used JavaScript's MutationObserver API to accomplish this. Another requirement was that the site had to be 508 compliant, which was a challenge initially. But I'm proud of the fact that the app we made is accessible to all. One final thing I'm proud of is I learned and set up Webpack entirely on my own to minify, bundle, and compress assets - which led to an enormous page speed boost.

Date: February 2018

Tech:

Node.js logoWebpack logoExpress logoES6 logoBabel logojQuery logoBootstrap logoMocha logoChai logoSelenium logo