Mood Booster Web Application Project

Inspiration

The inspiration behind the "Mood Booster" web application came from a desire to create a fun and interactive platform that could positively impact users' moods. The goal was to combine entertainment with practical elements like a breathing exercise and access to mental health resources.

What we Learned

Throughout the development of this project, We gained valuable experience in the following areas:

Dash Framework: Explored and learned how to use the Dash framework for building web applications in Python.
Web Design: Acquired knowledge in designing user-friendly and visually appealing web interfaces.
Callbacks: Utilized Dash callbacks to create interactive and responsive elements.

Building Process

The project was built using Python and the Dash framework, which simplifies web application development. The layout was designed with HTML and styled with CSS, while the interactive elements and callbacks were implemented using Dash components.

Key Components:

Mood Selection: Implemented a button group for users to select their current mood. Offers feedback on how to improve the mood based on current mood.
Breathing Exercise: Created a breathing exercise feature with an inhale-exhale cycle and a visual timer.
Mental Health Resources: Included a button to access a modal containing links to mental health resources.
Zodiac Signs: Individualistic approach to boosting mood. Offers user feedback based on current mood and zodiac signs.
Mood Boost Button: Clicking the "Get a Mood Boost!" button displays a randomly generated cat image. We chose to use cats because cats has been shown to reduce stress and lower blood pressure, and are very cute creatures. Hopefully, they can bring a smile to the user.

Challenges Faced

While developing the "Mood Booster" application, We encountered some challenges:

**Achieving the desired styling, especially for animations, required experimentation and fine-tuning in CSS.
**Implementing logic for the breathing exercise and handling button states required careful consideration of callback triggers and states.

Despite the challenges, overcoming these obstacles contributed to a more robust understanding of web development and enhanced problem-solving skills.