Cafe Calm | Devpost

Inspiration 💡

As college students, we're all too aware of the wears and tears on mental health that life gives. In fact, in 2018, a survey showed that 63% of college students felt overwhelming anxiety, 42% felt depressed to the point it was difficult to function, 62% felt very lonely, and 12% seriously considered suicide. Both student and work life can worsen mental health significantly, and poor mental health affects quality of life, work productivity, physical health, and relationships with others, to name a few.

What is Cafe Calm? 🤔

Cafe Calm is a cafe themed website dedicated towards improving the average person's mental health. It includes a working themed checklist for things people should regularly do, a screen distance tracker to track a healthy distance for posture and eyesight, and a resources page linking to important informational sites.

How we built it 🔨

Our frontend was built and stylized with HTML and CSS. Javascript was used for any animations and algorithms on the website's backend. Additionally, our screen distance tracker was programmed using Python, which we connected to the website via Flask.

Challenges we ran into 🛑

Most of our team have never coded a website before, and everyone had little to no experience in Javascript. Learning these new languages on the go was rough, but the most difficult part was running our website on Flask in order to utilize our Python Script. Unfortunately, the Github Pages hosting does not support this unconventional running method, so we've linked it to our version of the website without Python. However, both of our Github branches (with and without python) are linked below to check out our code!

Accomplishments that we're proud of ✨

Our team is very proud of creating a fully functional website that implements cool features like our home page-- it has a parallax effect, and the navbar changes color and size when scrolling! Additionally, we have a working distance tracker detecting a person's distance from their webcam.