Inspiration
Students frequently encounter challenges with motivation and focus when pursuing their goals. It’s crucial to support them in achieving success both academically and personally.
What it does
RoutineSync is an application which motivates students to establish healthy routines so they can be at their peak state mentally and physically with a fun competitive twist.
How we built it
We used HTML to create the User Interface of the app and CSS to design the styles for HTML elements. We also used JavaScript to support the back end of the website and keep track of user points and other variables.
Challenges we ran into
We ran into formatting issues where the website style/CSS was being applied to one person’s computer but not the other. To fix this, instead of referencing an external CSS file, we put the style information inside the HTML under a style tag. We ran into issues where the JavaScript file wasn’t being read by the HTML file. To fix this, we added an extra “../” in front of the file name when it was referenced in the HTML. Our point counter wasn’t updating accurately. To fix this we had to change the data type of the variable from string to variable.
Accomplishments that we're proud of
The UI is visually appealing and user-friendly.
What we learned
From these challenges, we learned more about how JavaScript and HTML work together. (eg. How to reference external JS in HTML files)
What's next for RoutineSync
If we were to continue working on the website, here are some improvements we would make: Implement a system where multiple users can interact. Store user information in a database. Fix algorithm bugs across the screens (ex. Information matrixes not being updated after reloads) Add more functionalities/tools to the website (ex. notifications) Create a mobile/Apple Watch app that makes it easier to track progress in specific routines.
Log in or sign up for Devpost to join the conversation.