Inspiration

We've noticed many of our peers struggled to set goals, often having a main goal but having no idea how to organize the steps to actually reach that goal, and follow through with it.

What it does

Goal Climber lets the user set goals and milestones for themselves. Once the user sets their goals and milestones, they are taking to the journey page where once a goal is completed, their avatar moves along a path, slowly climbing the mountain towards their goal. If the user returns to the homepage they can see the progress they've made with that goal with a progress bar.

How we built it

We built this app using the React framework, leveraging JavaScript, CSS, and HTML for a responsive and dynamic user experience.

Challenges we ran into

We ran into some complications while running the website on different computers as we kept having issues on different computers.

Accomplishments that we're proud of

We created a dynamic system that changes the homepage background according to the users time. The background changes if it is daytime, the evening, or nigh time.

What's next for Goal Climber

Our future plans include:

  • Adding more visual elements and more dynamic backgrounds
  • Adding support for custom avatars
  • Adding an achievements system so users can look back on how far they have come
  • Adding an account system so users can log in and sign up
  • Adding a tutorial to show users how to create goals for the first time
  • Adding an AI chatbot to help the user create milestones if they are unsure of how to reach their goals
  • Adding supportive characters to encourage you on your journey
Share this project:

Updates