Mental Health App

• 

  This is the home page

We needed something like this in our daily lives. It provides a space where the user can log their moods, keep track of their habits, talk to an AI chatbot, set reminders, and write in a private journal. ProCare is build on a Full-stack javascript formwork design for Bothe speed and empathy. The frontend uses HTML5 and CSS3 with 'glass morphism' effect to create a calming, accessible user interface, while javascript hands the real time data like mood logs and habit tracking using local storage for privacy. Finding the right API key was one of the biggest challenges we had to deal with. At first we were hitting credit limits and getting "Invalid key". We went through a whole process of trial and error, switching between multiple different AI's providing API keys, until we stumbled upon Groq and Lama 3.3 key that actually worked. We both are proud of the effort we put into the whole project since this is both of our's first Hackathons and it was very fun just bring here. But speaking technically, we are proud of how the app came out and the entire set up of it, from each of the tabs to the inside work. This Hackathon helped us learn a lot about the code itself and how the different parts come together and create something. Like the backend and frontend concepts were more clear after the project. For the Mental Health App, we want to expand its reaches and make it a real app close in the future. We want to start off by sharing it with our friends and family, while WE are also using it and hopefully share it onto the Apple App Store.

Built With

• chart.js
• cnd
• css3
• express.js
• groq
• html5
• javascript
• localstorage
• node.js