A privacy-first digital mental health and psychological support system designed specifically for students in higher education. This project is a single-page web app built with React, Vite, and Tailwind CSS, featuring a modern, responsive interface with smooth animations.
LIVE DEMO : https://68c81391de52a700086d406b--webbooster.netlify.app/
MINDLINK VIDEO DEMO : https://drive.google.com/file/d/1BPtdZb2Jb90CKI8IFbi0E0qCfliRi9LT/view?usp=sharing
Your App's Screenshot Yahan Daalein! Ek accha screenshot daalne se aapka project bahut professional lagta hai.
[App Screenshot/GIF]
- 🧠 Mindful Moment (Avatar Check-in): A friendly, interactive avatar greets the user for a once-a-day mood and thought check-in, making self-reflection a positive experience.
- 🤖 On-demand AI Companion: A persistent, floating chat window powered by a local, on-device sentiment analysis model (TensorFlow.js) ensures students can talk about their feelings anytime with 100% privacy.
- 📚 Resource Hub: A curated collection of helpful videos, podcasts, and articles on topics like stress management, procrastination, and sleep hygiene.
- 🤝 Anonymous Community Forum: A safe and moderated space for students to connect and support each other without revealing their identities.
- 🕊️ Mindful Missions: A unique gamification of kindness, encouraging students to perform small, anonymous acts of kindness to improve community well-being.
- 🧘 Interactive Breathing Exercise: A guided 2-minute breathing session with a visual guide, timer, and audio cues to help students calm down instantly.
- 🏆 Streaks & Badges: Gamification elements to motivate users to build a consistent daily wellness habit.
- 🔒 Privacy-First by Design: All user data (moods, notes, chats) is stored exclusively in the browser's local storage, ensuring no personal information ever leaves the user's device.
- Frontend: React, Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- On-Device AI: TensorFlow.js (Sentiment Analysis Model)
Project ko apne local machine par chalaane ke liye, yeh steps follow karein.
- Repository ko Clone karein
git clone [https://github.com/Mallika-coder/mindlink.git](https://github.com/Mallika-coder/mindlink.git)
- Project Directory mein jaayein
cd mindlink
- Dependencies Install karein
npm install
- Development Server Start karein
Ab browser mein
npm run dev
http://localhost:5173
kholein.
- Backend & Database: Implement a FastAPI server and PostgreSQL database for persistent, cross-device data storage.
- Blockchain Integration: Store proof of "Mindful Missions" on the Polygon blockchain for verifiable, anonymous kindness.
- Full Self-Assessment: Build out the complete GAD-7/PHQ-9 assessment with scoring and interpretation.
Distributed under the MIT License.
Mallika Verma - [https://www.linkedin.com/in/mallika-verma-a89855327]