Don't Froget

Our app empowers students to cultivate healthy habits and track their moods effortlessly. Don't forget to log your day with us! Say goodbye to stress and hello to a well-balanced lifestyle.

Comment

Home page with nav bar
Dynamic Calendar
Habit & goal input form, writes to MySQL
Mood Tracker input form
Dynamic result page that shows all the data stored in our MySQL database
Instructions on how to use the application
Email form

Inspiration

As CST students balancing tough deadlines, coursework, and life, we often lose track of our good habits and succumb to not-so-great ones. It's easy to dwell on the negatives in our busy lives, overlooking the positives. That's why we've decided to create a simple habit and mood tracker. Our goal is to help students look back on the good and bad days, understand what makes a day go well, and learn from the not-so-good ones. Our goal is to bring balance and mindfulness back into our hectic lives, guiding us to foster better habits and maintain our emotional well-being.

What it does

Our app allows users to record their habits, goals and mood along with detailed information (optional)
Display recorded information to users dynamically so they can look at it in the future
Provide a calendar for users to plan habits and goals
Provide a email contact form

How we built it

Frontend: React + Typescript + Javascript
Backend: Spring (Java + Rest API)
Database: MySQL

Challenges we ran into

Setting up backend frontend connection
Learning new unfamiliar libraries and frameworks
Finishing core features with a very tight timeline

Accomplishments that we're proud of

Successfully connected frontend & backend
Read and write data between the user interface and database
Working together as a team
Make new friends and collaborating with other passionate developers

What we learned

How to work effectively and efficiently in a team
Became more familiar with new tools and libraries (React, Spring)
Communication between team members
Managing a Github repository among 6 team members
Working under pressure and tight timelines

What's next for Froget

With more time we hope to add dynamic mood icons to the calendar, showcasing the mood for each calendar date
Create a user profile with graphs and data to visualize habits and mood trends
An reward system that promotes continuous habit & goal setting

Built With

Submitted to

QDS Hacks 2024

Created by

I implemented the 'Mood Tracker' section in the frontend, using React and TypeScript. It was my first hackathon and my first time using this technology stack, so I faced some challenges, but it was a great learning experience!

Atsuko Uemura
I implemented the 'About' section, integrated an email form, and polished the footer for our project. This was my first venture into using React and mailJS, and I must admit, it was an exhilarating experience to learn and code.

Yifei Zeng
I implemented the Calendar and Result sections. I used React & TypeScript to build the front-end. I had a lot of fun learning and working with the team!

Cai Chun Yan
I worked on the back end REST API endpoints and connecting to the frontend

Mike Doswell
I worked on the back-end. It was my first time learning the Spring framework and managing the connection between MySQL and JPA notation while building endpoint connections. It was a learning curve to overcome, but I found the experience both educational and enjoyable.

Steven Lai
Inez Yoon

Updates

Atsuko Uemura started this project — Mar 10, 2024 12:36 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.