Inspiration
We were inspired by Duolingo to create badges to incentivize users to do more races and return to the app! We also wanted to create a platform that would be fun and interactive for the user due to how many react to differently designed applications and websites.
What it does
Our app makes finding and attending walks for breast cancer simple! Users are able to create an account and teams so that they may compete against friends to walk the longest distance and rank higher on the leaderboard. Users may also explore nearby races to attend and expand their total walking distance so that they may earn achievement badges.
How we built it
App We were able to build the mobile app using the Xamarin.FORMS C# framework that is commonly used among .NET users. Along with implementing some custom libraries and existing tools to help us create the features we have, we also implemented a backend to the app that communicates to a custom made API (made in Node.JS) that would be used to handle most, if not all, requests that the user wanted to make. The app used the same color scheme as the website, however is seen being used in a different way due to the multi-page style of the app. We were able to test out our creation using an Android Emulator that can change its location (as seen in the video)
Website We built the website using html and css, and used flexbox to help move elements where we wanted. We used a font from google fonts and a color scheme based off of the Breast Cancer Society of Canada website.
Challenges we ran into
The challenge we mostly faced was trying to work around our schedules and get the project in on time. When we had trouble with code, we helped each other.
Accomplishments that we're proud of
App We are happy with how the app turned out despite the time restriction and actually having to put everything together. The ability to make the app personalized, fast, and pleasing to look at is one aspect we though that worked really well into our submission. Although this app has a couple of dents and bugs, it all worked out in the end to secure our team a solid submission!
Website We’re proud with how the website turned out as a whole, as we were unsure it would be completed in time. The addition of the parallax scrolling and the matching color scheme tied everything together well. We had some placement issues at first, but worked through it. We are proud of our teammates for working hard and doing our best.
What we learned
We learned some coding tricks from each other, for example, parallax scrolling, and to rely and trust each other as a team. We also worked on our time management skills in order to work well within the deadline.
What's next for Ribbon Runner
If we planned to expand on Ribbon Runner, we would add an account page and fix a couple of refresh times on the app. For the website, we could add a customer review/input section and touch up some stylistic things.
Log in or sign up for Devpost to join the conversation.