live website: https://prabinb50.github.io/MindfullConnect_Mental_Health_Support_Website_Using_HTML_CSS_JS/
MindfullConnect is a frontend website developed to provide comprehensive mental health resources and support. Built using HTML, CSS, and JavaScript, it offers users tools for self-assessment, access to professional services, and emergency support. This platform responds to the growing demand for accessible online mental health services and aims to improve psychological well-being through interactive features, educational content, and real-time support.
- Responsive Navigation Bar: Designed to work seamlessly across desktops, tablets, and mobile devices.
- Interactive Mood Tracker: Allows users to log and track their emotions over time, with tailored recommendations for improving mental well-being.
- Resource Library: Divided into categories such as anxiety, stress, depression, and mindfulness. Contains articles, videos, and podcasts.
- Professional Services Directory: Connects users to licensed therapists and mental health professionals.
- Emergency Support: Provides essential hotline numbers and live chat integration (via Tawk.to) for immediate assistance.
- Quiz Modal: Engages users in self-assessment quizzes that offer insights into their mental health. The quiz provides personalized feedback based on user responses and helps identify mood types like Happy, Anxious, or Sad. It also offers recommendations for improving mental well-being, such as meditation exercises.
- HTML, CSS, JavaScript: Frontend development.
- Swiper.js: For creating dynamic, responsive carousels on the homepage.
- Tawk.to: For live chat integration, enabling real-time support.
- JavaScript (Quiz Modal): Powers the interactive quiz feature that selects 10 random questions from a set of 25 to assess the user’s mental health state.