## Inspiration

A therapeutic app that's almost as therapeutic as it was to make, "dots" is a simple web app that only takes your name and as input, and outputs some positive words and reassuring energy.

## What it does

This app will quell your deepest insecurities, and empower you to carry on with your day and do your best!

## How I built it

Very simple html, css, sass, and javascript.

## Challenges I ran into

Learning everything, especially javascript

## Accomplishments that I'm proud of

My first app! Yay!

## What I learned

If you code long enough you can completely forget that you need to pee.

## What's next for dots

Next steps: add some animated elements!
## Inspiration

With many people's stressful, fast-paced lives, there is not always time for reflection and understanding of our feelings. Journaling is a powerful way to help reflect but it can often be not only overwhelming to start on a blank page, but hard to figure out even what to write. We were inspired to provide the user with prompts and questions to give them a starting point for their reflection. In addition, we created features that summarized the user's thoughts into a short blurb to help them contextualize and reflect on their day and emotions.

## What it does

Whispers is an app that aims to help the user talk about and decipher their emotions by talking with Whisper, the app mascot, as the adorable cat prompts you with questions about your day in an effort to help you reflect and sum up your emotions. Through the use of randomly generated prompts, Whispers collects your responses to create a summary of your day and tries to help you figure out what emotions you are feeling.

## How we built it

The back-end was developed with Node.js libraries and the Co:here API to collect the user-inputted data and summarize it. Furthermore, the classify functionality from Co:here was used to conduct sentiment analysis on the user's inputs to determine the general emotions of their answers

The front-end was developed with React-native and UX designs from Figma. Express.js was used as middleware to connect the front-end to back-end.

## Challenges we ran into

Overall, we did not run into any new challenges when it comes to development. We had issues with debugging and connecting the front-end to the back-end. There was also trouble with resolving dependencies both within back--end and conducting requests from front-end for analysis. We resolved this using Express.js as a simple, easy-to-use middleware.
In addition, we had trouble translating some of our UI elements to the front-end. To resolve this, we used both online resources and re-adjusted our scope.

## Accomplishments that we're proud of

We are proud of the model that was made for our backend which was trained on a massive dataset to summarize the user's thoughts and emotions. Additionally, we are proud of the chat feature that prompts the user with questions as they go along and our overall UI design. Our team worked hard on this challenging project.

## What we learned

We learned a lot about front-end development and adjusting our scope as we go along. This helped us learn to resolve problems efficiently and quickly. We also learned a lot while working with our backend of how to train Co:here models and connect both the front-end and back-end and perform requests to the server.

## What's next for Whispers

We would like to continue to develop Whispers with several more features. The first would be a user authentication and login system so that it could be used across several platforms and users. Additionally, we would like to add voice-to-text functionality to our chat journaling feature to improve on the accessibility of our app. Lastly, we would like to expand on the archive functions so that users can go back further than just the current week and see their journals and emotions from previous weeks or months
# Inspiration

There are variety of factors that contribute to *mental health* and *wellbeing*. For many students, the stresses of remote learning have taken a toll on their overall sense of peace. Our group created **Balance Pad** as a way to serve these needs. Thus, Balance Pads landing page gives users access to various features that aim to improve their wellbeing.

# What it does

Balance Pad is a web-based application that gives users access to **several resources** relating to mental health, education, and productivity. Its initial landing page is a dashboard tying everything together to make a clear and cohesive user experience.

### Professional Help

>
> 1. *Chat Pad:* The first subpage of the application has a built in *Chatbot* offering direct access to a **mental heath professional** for instant messaging.
>
>
>

### Productivity

>
> 1. *Class Pad:* With the use of the Assembly API, users can convert live lecture content into text based notes. This feature will allow students to focus on live lectures without the stress of taking notes. Additionally, this text to speech aide will increase accessibility for those requiring note takers.
> 2. *Work Pad:* Timed working sessions using the Pomodoro technique and notification restriction are also available on our webpage. The Pomodoro technique is a proven method to enhance focus on productivity and will benefit students
> 3. *To Do Pad:* Helps users stay organized
>
>
>

### Positivity and Rest

>
> 1. *Affirmation Pad:* Users can upload their accomplishments throughout their working sessions. Congratulatory texts and positive affirmations will be sent to the provided mobile number during break sessions!
> 2. *Relaxation Pad:* Offers options to entertain students while resting from studying. Users are given a range of games to play with and streaming options for fun videos!
>
>
>

### Information and Education

>
> 1. *Information Pad:* is dedicated to info about all things mental health
> 2. *Quiz Pad:* This subpage tests what users know about mental health. By taking the quiz, users gain valuable insight into how they are and information on how to improve their mental health, wellbeing, and productivity.
>
>
>

# How we built it

**React:** Balance Pad was built using React. This allowed for us to easily combine the different webpages we each worked on.

**JavaScript, HTML, and CSS:** React builds on these languages so it was necessary to gain familiarity with them

**Assembly API:** The assembly API was used to convert live audio/video into text

**Twilio:** This was used to send instant messages to users based on tracked accomplishments

# Challenges we ran into

>
> * Launching new apps with React via Visual Studio Code
> * Using Axios to run API calls
> * Displaying JSON information
> * Domain hosting of Class Pad
> * Working with Twilio
>
>
>

# Accomplishments that we're proud of

*Pranati:* I am proud that I was able to learn React from scratch, work with new tech such as Axios, and successfully use the Assembly API to create the Class Pad (something I am passionate about). I was able to persevere through errors and build a working product that is impactful. This is my first hackathon and I am glad I had so much fun.

*Simi:* This was my first time using React, Node.js, and Visual Studio. I don't have a lot of CS experience so the learning curve was steep but rewarding!

*Amitesh:* Got to work with a team to bring a complicated idea to life!

# What we learned

*Amitesh:* Troubleshooting domain creation for various pages, supporting teammates and teaching concepts

*Pranati:* I learned how to use new tech such as React, new concepts such API calls using Axios, how to debug efficiently, and how to work and collaborate in a team

*Simi:* I learned how APIs work, basic html, and how React modularizes code. Also learned the value of hackathons as this was my first

# What's next for Balance Pad

*Visualizing Music:* Our group hopes to integrate BeatCaps software to our page in the future. This would allow a more interactive music experience for users and also allow hearing impaired individuals to experience music
*Real Time Transcription:* Our group hopes to implement in real time transcription in the Class Pad to make it even easier for students.