Inspiration
Our inspiration for the project was seeing the large amount of women not only in college but girls in high school, women with jobs, and women with families who deal with large amounts of stress and anxiety. This was furthermore exemplified by the large amount of men who experience the same. We wanted to do something to help combat that stress and anxiety and thus came up with the idea of our destressing web app.
Features
Our web app is a destressing tool that has a few functions to help calm you down and regather your thoughts. The first function after you login is the meditation through breathing exercises. The app will prompt you on how to breath while having the option of soothing music to play to help you regulate yourself and destress. The second function, is the ability to write down notes on whatever you are feeling when opening the app, you can treat it as a diary to dump your thoughts on and clear your mind. The third function is the ability to go back and look at your previous note entries and either read or delete them to help gauge the feelings of your past self and see if your past time was overall negative or positive to indicate if you need some possible help.
Technology
We built the app by using VS Code and implementing MongoDB to work as the backend function for the app. it was fleshed out to be able to connect as a local host to allow for the "web" part of it to work. The front end was then written in typescript with ReactDOM to allow us to manage the web app elements.
Challenges
The challenges we ran into is the problem of 3/4 members of the team being first time hackers and first time users of typescript, mongodb, react, and the idea of frontend/backend completely. We had to learn these ideas and skills from scratch during the hackathon to be able to contribute to the project and this was hard as coding a relatively larger scale project while actually learning how to write in a new coding language is truly very difficult.
Conclusion
We are proud of getting the webapp to a good final state and reaching the desired look we drew up in the beginning of the hackathon. We got to implement the ideas we wanted to implement and they work as intended with some minor flaws here and there. The backend was nice and the front end is very nice especially for first time CSS users. Overall the project being where it is now is the biggest accomplishment for Team Tranquility.
We learned how to use typescript, how backend through mongodb interacts with the web and the computer and connects the two through the code, we learned the skills of frontend and creating a nice and visually appealing app, we learned CSS skills that allow us to make the app look visually good, we learned how to work under a time constraint with a goal in mind and we learned how to operate in a team of different people with different skill sets.
For further development, Tranquility expects further add-ons on ways to destress and an expanded library of music. The future also holds style and appearance revamp to clean up the app and make it more appealing to the wider audience. Furthermore, work on the backend can be done and an actual website domain can be implemented to actually bring the app to the masses.
Log in or sign up for Devpost to join the conversation.