Skip to content

Mallika-coder/mindlink

Repository files navigation

🌱 MindLink - Your Proactive Student Wellness Platform

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

Screenshot of website- image


🖼️ Sneak Peek

Your App's Screenshot Yahan Daalein! Ek accha screenshot daalne se aapka project bahut professional lagta hai.

[App Screenshot/GIF]


✨ Key Features

  • 🧠 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.

🛠️ Tech Stack

  • Frontend: React, Vite
  • Styling: Tailwind CSS
  • Animations: Framer Motion
  • Icons: Lucide React
  • On-Device AI: TensorFlow.js (Sentiment Analysis Model)

🚀 Getting Started

Project ko apne local machine par chalaane ke liye, yeh steps follow karein.

  1. Repository ko Clone karein
    git clone [https://github.com/Mallika-coder/mindlink.git](https://github.com/Mallika-coder/mindlink.git)
  2. Project Directory mein jaayein
    cd mindlink
  3. Dependencies Install karein
    npm install
  4. Development Server Start karein
    npm run dev
    Ab browser mein http://localhost:5173 kholein.

Future Scope

  • 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.

License

Distributed under the MIT License.


Contact

Mallika Verma - [https://www.linkedin.com/in/mallika-verma-a89855327]

About

A proactive mental wellness platform for students, built with React, Vite, and Tailwind CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages