CARE CONNECT

CareConnect 🍃 — An AI-powered student well-being workspace combining mood tracking, peer support, smart study tools & real-time AI chat to help students thrive academically and emotionally.

Comment

🌱 Inspiration

College life is beautiful — but also overwhelming. Students face exam stress, loneliness, anxiety, and burnout, yet rarely find a safe space to express or seek help. We wanted to build something that felt like a warm, judgment-free companion — not just another productivity app.

That's how CareConnect was born. 🍃

🚀 What It Does

CareConnect is a premium academic & well-being workspace for college students. It combines:

  • 🔥 Burn Room — Write your stress and "burn" it away for emotional release
  • 😄 Mood Tracker — Log daily moods with real-time analytics chart
  • 🧘 4-4-6 Breathing Exercise — Guided breathing for instant calm
  • 🤖 AI Study Buddy — Real AI chat (powered by Groq + LLaMA 3) for CS doubts and emotional support
  • 🤝 Comrade Board — Post academic doubts, get peer help, earn Care Coins
  • 👥 Find Peers — Connect with skilled peers for subject-specific help
  • 📓 Private Journal — Safe space to reflect, with a growing Care Plant
  • ⏱️ Pomodoro Timer — Focus sessions with ambient sounds + Tic-Tac-Toe break
  • 📚 Resource Library — Curated videos, notes, and PYQs
  • 🏆 Gamification — Care Coins, streak tracking, and achievement badges

🛠️ How We Built It

  • Frontend: Vanilla HTML, CSS, JavaScript — glassmorphism UI with dual dark/light themes
  • Backend: Node.js + Express proxy server
  • AI: Groq API with LLaMA 3.3 70B model for real-time intelligent responses
  • Data: localStorage-based persistent user data engine
  • Charts: Chart.js for mood analytics visualization
  • Deployment: Render (free tier)

😤 Challenges We Faced

  • Getting the AI chatbot to work without exposing API keys on the frontend — solved with an Express proxy backend
  • Creating smooth glassmorphism animations while keeping performance intact
  • Building a localStorage-based multi-user data system without a traditional database
  • Designing a UI that feels calming and premium at the same time

📚 What We Learned

  • How to securely integrate AI APIs in a full-stack web app
  • The power of thoughtful UX design in mental health tools
  • How small features (like burning stress or a growing plant) create deep emotional engagement

🔮 What's Next

  • Real-time peer chat using WebSockets
  • AI-powered mood analysis with personalized wellness suggestions
  • Mobile app version
  • College-specific resource boards
  • Anonymous peer support groups
Share this project:

Updates