BoulderBoard

Log climbs by submitting a video, the grade, style, etc. to create your feed of your climbs that can be sorted by any metric to see your progression and strengths, and access basic training programs.

Comment

Inspiration

I started climbing a few months ago, and my camera roll was quickly over run with unorganized training videos. I kept forgetting which problems I’d sent, their grades, and it was difficult to visualize improvement over time. I built this site with the hope to organize my training and spare my storage some space.

What it does

  • User profiles (this will come into play when the site is hosted and more social)
  • Log climbing problems (type, grade, gym, date, notes, etc.)
  • Track sends and failed attempts over time
  • Visualize progress with charts (by grade, frequency, etc.)
  • Basic exercises (hang board training, mobility, strength, etc) ## How we built it The front end (UI) of this site is built with HTML with built-in CSS, and all the functionality (back end) is handled by a javascript file. I started by setting up the HTML to create the home page, and from there just added functionality to each file as I went making sure everything was properly referencing each other. ## Challenges we ran into I had done some coding in javascript going into this project, but handling button functionality was new to me, so I ran into issues linking those to the proper functions initially. Also, using chart.js to create the data visualization plots was tricky to take in the proper data, and decide which method I needed to call, although I thoroughly enjoyed this part. My biggest issue has been figuring out a way to host online for free (other than just a GitHub link) so that users can interact with each other, and that answer is still to be determined (unless I pay for a subscription). ## Accomplishments that we're proud of I am proud of how clean the site turned out. The code isn't overly complicated so the site runs smoothly and is super user-friendly, for example logging a climb only takes a few taps and it stores a lot of data. Overall, I'm proud of how much of an understanding I gained around javascript and how methods interact. I was forced to set up an environment in Visual Studio to be able to trace my code, and that was incredibly helpful and will continue to be.

What we learned

I learned that a simple design is often much more practical and appealing. Also, to test each method and section of code as it is written to be able to identify errors more quickly.

What's next for BoulderBoard

I would love to be able to host this site on some sort of domain so that the data is not stored locally. This would allow users to log into their accounts from multiple devices, and it would add the possibility of a social aspect (commenting on each other's climbs to provide feedback) which would be amazing. Additionally, I would love to turn this into a mobile app to make it more accessible, and overall I would like to add more functionality and allow users to customize more (create custom training routines, etc.). Further down the road it would be cool to integrate it with outdoor climbing or have a way to sync a workout from a watch into the app, but those are not as high of priorities.

Share this project:

Updates