Inspiration
We were inspired to focus on the physical and mental health of the users. This is because, with WFH, many people start to lose motivation in most aspects of their daily lives including work/studies and exercise. With our web app, we enable the user to enter their daily tasks, log their exercise and meals to monitor their health. These data will then be used to inform users on how they have progressed over time through our dashboard functionality.
What it does
It lets user records their activities, tasks, and food intake daily and provides them with visualization on how they have progressed so far.
How we built it
The web app is built using Javascript, HTML and CSS, which is hosted on the Heroku hosting server with a PostgreSQL online database.
Challenges we ran into
As our team was fairly new with developing web applications, we encountered many problems throughout the hackathon. At the start, we had to learn how to install node.js and run it on WSL and VS Code. Furthermore, as the team is collaborating on multiple OS, there were some conflicts when trying to use npm to install project dependencies, which were rectified with a change in the settings. Furthermore, due to the limitations of many free hosting and database sites, we had to do many trial and errors to be able to host our web app, such as testing with google firebase before deciding on Heroku. Furthermore, due to the time constraint, we realised we had to simplify many of our ideas, such as a complex dashboard for user statistics that could be shared with other users and gamified to-do list.
Accomplishments that we're proud of
Some of the accomplishments we are proud of is being able to host it on the web and a successful working web app. As mentioned, our team ran into an issue hosting the web app as the Heroku platform had an issue with the token to access the database, even after consulting with a mentor. However, one of our team members was able to find a discussion post that solved the issue to enable us to connect to the cloud database and link live data to the dashboards.
What we learned
Throughout the hackathon, our team learned how to use Javascript and its components with HTML and CSS. Not only that, we learned how to brainstorm and use design thinking aspects such as generating ideas and narrowing them down to address the pain points of users.
What's next for Monsterat: Productivity Tracker
The future plan for our web app would definitely be implementing additional features and improving user experience. Currently, the meal tracker only shows the current week starting from the current date as there was an issue with the weekly calendar implementation. Furthermore, there were also plans to integrate API like Strava fitness tracking which required approval for API use and Spoonify meal tracking which had a very low daily limit.
Log in or sign up for Devpost to join the conversation.