Inspiration
Peaceful Pup Chats was inspired by my personal need for an accessible mental health tool that is engaging, comforting and intelligent. Often we exist in a state of high functioning anxiety which does not seem to have any specific cause. To understand and eliminate these feelings, Peace_pup was created. The idea of incorporating a dog mascot and animations stemmed from a personal love for dogs and the desire to create a friendly and non-intimidating environment for users to explore their mental health.
What I Learned
This project taught me the importance of user-centric design and secure data handling. I learnt to deploy web apps using Netlify (frontend) and Render(backend) to resolve the CORS issue caused by importing an external API into my local development environment. The difference between typescript and javscript became evident and I was exposed to EJS templates.
How I Built It
The project was developed using React for the frontend and TypeScript for type-safe programming. Tailwind CSS was used for styling, ensuring a modern and responsive design. The backend API (Gemma 3n 4B) from AI/ML API was hosted on Render, while the frontend was deployed on Netlify. Features like journaling, checklists, and AI-generated insights were implemented. Tools like jsPDF were integrated for PDF generation, and Vite was used for fast development and build tooling.
Challenges Faced
One of the major challenges was integrating the AI using a free API. I switched between models and JS syntax , set up backend to overcome CORS and 401 errors till I found the right model and format. Ensuring the AI-generated insights were meaningful and actionable rather than generic for users needed several rounds of fine tuning the prompts and training with examples. Debugging deployment issues on Netlify and Render also required significant effort, but overcoming these challenges provided valuable learning experiences which will help for years to come.
Accomplishments
Integrated a free AI using API and primed it to provide empathetic, specific and intelligent suggestions. Created a comforting UI to create a safe experience. Deployed the web app and made it universally accessible.
What's next for Peace_Pup
Firebase storage and authentication have been connected which can be developed to create secure logins, store user's app use information. Journal entries can be saved in an encrypted way accessible only be user password to maintain privacy. It can further be converted to a mobile app for both android and ios. SOS section with free mental health support can be added. Notifications, progress charts, Emotion tracker, smarter analysis and routine-based smart suggestions can be introduced.
Submitting to Make it you track.
Built With
- aimlapi
- firebase
- gemma3n4b
- javascript
- jspdf
- netlify
- react.js
- render
- tailwind.css
- typescript
- vite
Log in or sign up for Devpost to join the conversation.