HackDuke 2021 Mindfulness App

This project aims to improve wellbeing and mental health by encouraging meditation, mood journaling, mindful breathing, and regular sleep schedule with a plant garden theme.

Comment 1

Inspiration

This project was created with the Health track in mind. We were inspired to build this web app when thinking of what aspects of our health we would like to improve. As college students, it is hard to maintain wellbeing while focusing on schoolwork. Thus, we created the Mindful Garden to encourage meditation, mood journaling, mindful breathing, and regular sleep schedule to promote and maintain mental health and wellbeing.

What it does

Our web app has several different tabs corresponding to meditation, mood journaling, mindful breathing, and sleep schedule. In the meditation tab, there are various meditation and yoga videos for users to watch. In the journaling tab, users receive a question prompt based upon the current emotion they are feeling. In the breathing tab, users can follow a diagram that instructs them to mindfully breathe. In the sleep tab, users can enter in what time they slept and woke up, see if they got enough sleep, and the impacts of how much sleep they got.

How we built it

We built the website using React JS, HTML, and CSS in order to easily streamline porting the website to a localhost and formatting with ease.

Challenges we ran into

Some challenges we ran into were pushing and pulling from Git to collaborate on the work as we encountered numerous merge conflicts and missing package errors. While this took a while to solve, we learned more about how to use a version control system.

Accomplishments that we're proud of

We are extremely proud of the website we developed with little to no React JS experience, yet the UI looks very clean and intuitive with a simple design and usage.

What we learned

We learned a lot more about front-end and web app development, especially using the React JS framework.

What's next for HackDuke 2021 Mindfulness App

We would like to add more mindfulness features, incorporate the plant/garden theme more, and make the site more interactive by implementing a free drawing canvas so people can scribble their worries away.

Built With

Share this project:

Updates