Matchup Moves to a New UI Framework on the Web

Matchup Moves to a New UI Framework on the Web

Things, they are a changin’!

A couple months ago we decided to transition away from our custom CSS solution to Zurb Foundation (http://foundation.zurb.com). The reasoning was two-fold. First, our existing CSS solution was built in the early days of Matchup and was starting to suffer from bloat.  Secondly, we were embarking on a new design where we wanted all our developers to easily make changes and add features without being inconvenienced by an aging CSS implementation.

Our lead designer started working on the new base style guides and our development team started hacking away at migrating each screen one at a time. In the process, we were able to make several other optimizations and clean up a lot of older code. A few other changes we made along the way was switching from ChartJS (http://www.chartjs.org) to HighCharts (http://www.highcharts.com). Moving all our Rails templates from HAML to ERB. Finally, we were able to reuse a lot of patterns and share assets between our Rails pages and AngularJS pages.

We’re really happy with the final technical implementation and are now in a good place to increase velocity, implement new features, and utilize more graphical visuals and interactions for the data. The entire migration took us about 2 1/2 weeks. Some time reducing technical debt in order to increase long-term velocity and maintainability is a great win.  We’re really excited to be in a position to start adding more features to Matchup!

That being said, the Matchup web app has undergone a “visual refresh,” which we hope you’ll enjoy. Look out for some major improvements and additions in the very near future. Stay tuned, everyone! This is only the beginning.

READ  Stridekick Fitness Stickers Now Available to Download

community challenges page

Take a look for yourself and let us know what you think about the changes. Tell us on the community board!

Facebook Comments
Stridekick
"Follow Us"

Stridekick

Stridekick is an online and mobile platform that allows individuals to create and join fun fitness challenges regardless of which wearable device they own or level of fitness. Join a community of other health minded individuals in stepping towards your health goals today!
Stridekick
"Follow Us"