WellSpec

Rate, Reflect, Rejuvenate: Visualize Your Wellbeing Journey.

Comment

Inspiration

While we are relentlessly recording and calculating the calories intake each day, the intensity of work-out through out the week, what we are really trying to do is quantifying ourselves. We get motivation, self-awareness, and better picture of a future plan. However, we are never really focused on how we actually feel. Let me get to it within a second: Now think. How did you feel this morning? What about yesterday's morning? What about last Monday's morning? Did you sleep well today? What about two to three days ago? We may easily recall all the things we have done, but how we actually feel quickly slips. I reckon this aspect as something most of us have neglected, and this should be brought to notice. I do believe, if we have an application, that only takes 10 seconds from you each day, but keeps a daily track of our subjective feeling, we will end up having better self-awareness and motivation, and be happier.

In addition, as a person who's going on a diet and trying to lose weight, I personally get so tired of those applications that makes me type in a thousand stuff into their apps. Why are they not trying to make things easy? Well, they are. They are using all sorts of technologies to get to the case that the user spend less time on the input, while the app gives back more accurate feedback. Compared to their effort, out work is not aiming to give users a "scientific" feedback or solutions. We are trying to awake people's self-awareness, and encourage people to record their feelings at daily bases, by achieving an extreme simplicity of our app.

What it does

Record and report. All the users need to do is to slide and click for three times. Done. There are some simple questions to be answered and recorded. For now, we have three: how was your sleep? how do you feel emotionally? how do you feel physically? For each question, there is a progressive bar, and a plate panel displaying the "score" from 0 to 100 that the user is rating themselves.

Then, there will be a graph displaying the rating in monthly and weekly bases, along with some heart-warming comments.

How we built it

We worked in two groups, the frontend side and the backend side are developed simultaneously.

We initialize an empty SpringBoot project, with MySQL integrated. The project heavily relies on MyBatis and Lombok, as they both provides annotation developing methods, saving us a lot of time from coding less interesting codes. As the program was able to interact smoothly with database, we put the frontend in. The frontend is mainly based on React. We took advantage of React's library to create a statistics graph easily. The most challenging part is to create a circular progressive bar that will change according to the mouse's move. We solved it by delicate interaction between javascript and css.

After fixing the interaction between frontend and backend, we started to add sauce into the program. e.g Enabling page flipping. Dynamic data transmission and graph generation...

Challenges we ran into

When we connect the frontend and the backend, a lot of funny things happen. None of us have any experience in html design and no experience in frontend - backend interaction.

Accomplishments that we're proud of

The extensibility and the potential of our backend. As most data structures are designed for future improvement. i.e The introduction of spring security or other functionality would be seamless. Also, we are very satisfied with the aesthetic part.

What we learned

In the beginning of our project, all of us only know of things that were initially part of our jobs. Some of us get to know html and web design from 0. Some of us get to know more about databases.

What's next for WellSpec

Ideally, this is a function or a mini-app that will be integrated into those sophisticated data-based fitness applications, as the entire application is to compensate for the ignored aspect of mental health. As an application of itself, it should first enables secured authorization. This will be easily done within Spring framework. The functionality may be improved by introducing more API ports, like GPT. Ultimately, the application should be a cellphone application that enables notifications.

Built With

Share this project:

Updates