unwind

• 

  The Journal Page where users can input their entries in a textbox with a randomly generated prompt. Leads to view all entries page.

• 

  Depending on the emotion the user selects, it suggests a mental wellness activity for the user.

• 

  Tracks all saved entries that the user provides with the date that it was saved on.

• 

  Allows user to select a time to meditate for in 30 second increments and with a stop timer to pause the timer at any given time.

• 

  The landing page that generates random affirmations when the website is loaded. An arrow button appears which leads to the journal page.

Inspiration

Work life balance is a big topic of conversation in the workspace. Having been at university for multiple months and interacting with our peers it has become clear to us that between juggling school work, social life and extracurriculars, college students struggle just as much to balance these aspects of their lives. We noticed that it is common for students to prioritize academics and work over self care activities which results in not being 100% in any area. Unwind focuses on helping our fellow students prioritize their self care.

What it does

We focus on three aspects of self care through this project. All users start with seeing a positive affirmation. The user is then able to choose what type of self care they would like to engage in. Our project has options including suggesting self care activities based on their mood, providing a structured space to journal, and guiding them through meditation.

How we built it

We began by creating a landing page which provides the user with a randomized positive affirmation. An arrow appears that takes the user to a page where they can select to journal, meditate or generate activities. On the journal page we created buttons for the user to select whether they just want to write, or have a more structured approach with prompts. They have the option to save these journal entries and which they can later view by date. On the activities page we generate a self care activity for the user to engage in depending on the mood that they select. Finally the meditate page allows the user to select a time interval upon which a timer is generated for them to meditate.

Challenges we ran into

One challenge we ran into is dealing with the team dynamic of different levels of experience. We had to understand where each team member was coming from and help each other with parts that one of us might be more experienced in. Additionally this was our first hackathon so we were largely unfamiliar with which technologies to use, and struggled with using VS Code initially. Over time however we were able to become more comfortable with the technologies and each other’s work styles.

Accomplishments that we're proud of

Since we had limited/basic experience with HTML we were proud of being able to put together a functional website. We were also able to incorporate more advanced features such as animations and page transitions. We were proud of the fact that we were able to work successfully as a team and each made a meaningful contribution to our product.

What we learned

We learned a variety of different skill sets which include different languages as well as different platforms to use those languages. We also learned about different websites so we could interact with their UIUX. We learned how to most effectively use a variety of skill sets and work with them so we could all collaborate effectively.

What's next for unwind

We want to incorporate other aspects into our project such as allowing the user to upload their schedule and create a new schedule with times blocked in for self care activities. We would also like to incorporate a box breathing exercise. Ideally the activities that we generate would be based on the users journal entries which would require some level of AI/ML. We also considered an idea where the users can view their past journal entries in calendar form.

Built With

• css
• html
• javascript
• vscode