Vibe Check

Check out these projects slides for more information: https://docs.google.com/presentation/d/1DagbeqiMVA0lUML5WUdUj5m9KkVDROSKsXxDCs2UAfA/edit?usp=sharing

Our Team

The four of us have come from all different background to join together in our first hackathons with the goal of learning from each other: Linh (class of '25), Inka (class of '24), Parveen (class of '23), and Sydney (class of '22). With such diverse experiences, our journey has been one of mutual learning and support.

Inspiration

With Northwestern being a top 10 University, the pressure on students is immense and many forget to put themselves before their schoolwork. We wanted a simple use application where students can check in with how they're feeling and keep track of any habits they want to keep. Following along the lines of bullet journal apps, we wanted students to have a calendar where they can see trends in their moods, as well as a way to recognize their successes.

What it does

Our app currently allows students to create a unique username and enter their name, choose which habits they want to work on continuing, and log their mood. A calendar allows students to be conscious of building habits over days and mood patterns.

How we built it

Combining our knowledge, we implemented a Firebase database to keep track of user data. Continuing, we used Javascript, React, HTML, and CSS to create a user friendly interface that both feeds and reads from the data base.

Challenges we ran into

Because our team came into this with mixed backgrounds, not all of us were familiar with certain programming languages or implementations. Only one of us had worked with firebase before, and so a lot of backend development was focused on struggling to link the database to our application. Front end development ran into struggles with routing and visibility features.

Our biggest struggle came with an imbalance between lots of inspiration and motivation, but not enough time, resources, and knowledge. We were able to learn a lot, but we couldn't implement all the features we would like to implement. With all of us learning while we worked, it left us unfortunately needing to implement only the basics.

Accomplishments that we're proud of and what we learned

Despite our challenges, we are all incredibly happy with the work and progress we made on this app. Trying to figure out firebase was difficult, but through lots of documentation reading and brainstorming, we were able to create a workable database despite most of us never having worked with this before. Likewise, we were able to create multiple linked pages that shared data and seamlessly switched between each other. Our team learned a lot about APIs, many of us for the first time, and were able to implement a calendar within our application, as well as UI features.

Most of all, we are all very proud of how hard we worked and how much we learned. We were a bit nervous coming into the hackathon, but we were able to teach each other and create something we were so proud of. Our knowledge has multiplied and we are better programmers, colleagues, and students because of this.

What's next for Vibe Check

The future of Vibe Check is further development and progress to be able to better serve Northwestern students. One thing we would hope to do if we were continuing this project is to input data such as water intake and moods and associate it with each day, and also use trends in the data to make suggestions to the users.

Built With

• css
• firebase
• fullcalendar
• javascript
• react