-
-
Nature lover Friends
Inspiration.... Our inspiration for the Mental Wellness project came from the increasing awareness around the importance of mental health in our daily lives. In a world where stress, anxiety, and mental health challenges are prevalent, we aimed to create a platform that not only provides useful resources but also offers a supportive space for individuals to engage with a chatbot assistant. Our goal is to help users maintain a balanced and healthy mind.
What it does.... Mental Wellness is an interactive website powered by an AI chatbot designed to support users in maintaining mental well-being. It provides information about mental health, stress-relief tips, and a chatbot assistant that offers emotional support through pre-programmed responses. Users can interact with the chatbot to talk about their feelings, receive advice, and find resources that promote mental clarity and emotional balance.
How we built it We built the Mental Wellness website using HTML, CSS, and JavaScript:
1.HTML: Structured the website with sections for a homepage, chatbot interaction, about mental wellness, and other informational content. 2.CSS: Designed the user interface with a clean and user-friendly layout. We implemented responsive design to ensure the website works seamlessly across all devices. 3.JavaScript: Developed the chatbot functionality, where the AI assistant provides responses based on the user’s input. It uses a simple algorithm to match predefined inputs like “stress” or “sad” to provide helpful feedback.
Challenges we ran into... 1.Creating a Responsive Design: Ensuring that the website looks good and functions well on both large screens (like desktops) and smaller mobile devices was a challenge. We had to refine the CSS to make the layout adaptable to different screen sizes. 2.Handling Diverse User Inputs: Programming the chatbot to provide meaningful, appropriate responses for a wide range of mental wellness inquiries required thoughtful planning. We had to limit responses to avoid creating an over-complicated system, focusing on emotional support and well-being tips. 3.Maintaining User Engagement: Making the chatbot feel empathetic and real without going overboard on complexity was a tricky balance. We worked on refining the responses to make the chatbot appear friendly and approachable while still offering practical advice.
Accomplishments that we're proud of.... 1.Functional Chatbot: We are proud of the interactive chatbot that allows users to engage and receive tailored responses based on their input. It provides a simple, but effective way for people to feel heard and supported. 2.Responsive Design: The website is fully responsive, ensuring it works on different screen sizes, from phones to tablets to desktops. 3.Mental Wellness Resource Hub: Alongside the chatbot, we are proud to have created a platform that provides helpful content on mental wellness, stress management, and emotional support.
What we learned... 1.User Experience: Building a simple but functional interface that is easy to navigate on all devices was a crucial learning point. We learned how to make the site both visually appealing and accessible. 2.Mental Health Awareness: Through this project, we deepened our understanding of mental health challenges and the importance of providing supportive and empathetic tools for users. 3.JavaScript Handling: We gained experience in handling dynamic content in real-time, particularly with JavaScript, to create the chatbot functionality that interacts with the user.
What's next for Mental Wellness... 1.AI Improvement: We aim to enhance the chatbot with more advanced AI capabilities that can provide even more personalized responses. Integration of machine learning could allow it to better understand the user’s emotional state. 2.Expanded Resources: We plan to add more mental wellness resources such as guided meditations, expert advice articles, and links to professional support services. 3.Community Engagement: Creating a forum or community space for users to share experiences and tips could make the platform more interactive and create a sense of shared support.
Log in or sign up for Devpost to join the conversation.