Climbr

A competitive goal-setting app with a fun twist that motivates you.

Comment 2

Inspiration

As a freshman, this app was influenced by the need for time management that college introduces. While many apps have been created to keep their users on task, they are often not engaging enough to fully motivate users. Climbr fixes this by making goals shared between people, utilizing competition to encourage users to complete goals. Playing cards, inspired by deck-building video/board games, are also added to make the experience more fun and forgiving for everyone.

What it does

The app contains a group system, which users can use to create and join various rooms. Each room can be assigned various tasks, with creators being able to customize each to their liking. All users that join a room are then displayed on a leaderboard and visually, climbing up the rankings with each task completed. Each task also has a chance to give cards of various rarities, which users can use to benefit themselves further or hinder their opponents.

How we built it

This app is built on react, using react-router in order to create separate pages for each room. A json server is used in combination with axios to fetch data from a central grouping of rooms and users, with changes updating the database in real time.

Challenges we ran into

The main challenge we faced was attempting to host our server instead of just working on it locally. We tried for hours to get the json and server somewhere where it could be accessed worldwide, but our inexperience eventually led us to decide just to keep the app local and develop it to the best of our ability. Time was also a large issue, as the cards - which were originally intended to be a large part of the app - had to be rushed in near the end of the project.

Accomplishments that we're proud of

One thing we're really proud of is the visualization of the data. Each user is assigned a "point" on a mountain, and they can be seen reaching the peak as they complete their tasks. We think this made a huge difference on how impactful progress is on individual users. We also believe the site's layout looks very pleasing, which is a huge step up from what we originally envisioned we could do.

What we learned

A big lesson we learned was to plan ahead - because we didn't initially know how we were going to host our project, we ended up having to do so locally. We also learned a good bit of file organization and git workflow, as this quickly became a large-scale project. I also believe that all of us, through a good bit of trial-and-error, gained a much better understanding of html and css (as this was our first time working on a project of such scale)

What's next for Climbr

We plan to add an account system, more cards, and greater customization / analysis options for those looking to create rooms.

Contact - Maximilian#1178

Built With

Share this project:

Updates