🌱 Inspiration

College life can be overwhelming. Students often face exam stress, loneliness, anxiety, and burnout, but may not have a simple and comfortable space to manage these challenges.

We wanted to create a platform that combines student well-being, academic support, productivity, and peer connection in one place.

That idea became CareConnect.

🚀 What It Does

CareConnect is an academic and well-being platform for college students that provides:

  • 🔥 Burn Room – Write down stressful thoughts and use an interactive experience for emotional release.
  • 😄 Mood Tracker – Track daily moods and view mood patterns through charts.
  • 🧘 4-4-6 Breathing Exercise – A guided breathing activity for relaxation.
  • 🤖 AI Study Buddy – An AI chatbot powered by Groq and LLaMA 3.3 70B for academic questions and supportive conversations.
  • 🤝 Comrade Board – Share academic doubts, receive help from peers, and earn Care Coins.
  • 👥 Find Peers – Connect with students based on skills and interests.
  • 📓 Private Journal – Record personal thoughts and reflections.
  • ⏱️ Pomodoro Timer – Improve study focus with timed sessions and break activities.
  • 📚 Resource Library – Access useful learning resources, videos, notes, and previous-year questions.
  • 🏆 Gamification – Care Coins, streaks, and achievement badges encourage regular engagement.

🛠️ How We Built It

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js + Express
  • AI: Groq API with LLaMA 3.3 70B
  • Data Storage: localStorage
  • Charts: Chart.js
  • UI: Glassmorphism design with dark and light themes
  • Deployment: Render

The Express backend is used as a proxy for the AI API, helping keep the API credentials away from the frontend.

😤 Challenges We Faced

One of our main challenges was integrating the AI chatbot without exposing the API credentials on the frontend. We solved this by using an Express proxy server.

We also worked on creating a smooth glassmorphism interface while maintaining good performance.

Another challenge was implementing persistent user data using localStorage without using a traditional database.

Designing an interface that feels both calming and useful for students was also an important challenge.

📚 What We Learned

Through CareConnect, we learned how to:

  • Integrate AI APIs into a full-stack web application.
  • Use a backend proxy to protect API credentials.
  • Build interactive and responsive web interfaces.
  • Create data visualizations using Chart.js.
  • Design features that combine productivity, learning, and well-being.
  • Use gamification to make student-focused applications more engaging.

🔮 What's Next

We plan to expand CareConnect with:

  • Real-time peer chat using WebSockets
  • AI-powered mood analysis and personalized suggestions
  • A mobile application
  • College-specific resource boards
  • Anonymous peer-support groups

Our vision is to make CareConnect a single digital space where students can learn, connect, focus, and take care of their well-being.

Built With

Share this project:

Updates

Submission history