MchacksMentalHealth

For McHacks Hackathon!

Demo Video: Watch on YouTube

Members:

• Victor Ouy [https://github.com/victorouy]
• Sandy Nguyen [https://github.com/sandynguyen8928]
• Anna Zhang [https://github.com/yikeanna]
• Lin Yuan [https://github.com/Snoocrypto]

Project Description:

Mental Health Alphabet is a web application designed to educate people about various mental health conditions in an engaging and interactive manner. The application aims to make learning about mental health comfortable and accessible. It provides resources from healthcare professionals, including helplines and links to relevant websites. Additionally, the application features a quiz to help users estimate their mental well-being.

Technologies Used:

• Frontend: HTML, CSS, JavaScript
• Backend: Python (Flask)
• Design Tools: Figma (for layout drafts), Procreate (for hand-drawn images)
• Collaboration: Live coding using Live Share for active communication and development

How to Run the Web App:

1. Install Flask: Open your command prompt and enter:

   pip install flask

2. Run the Application: Navigate to the project folder 'AlphabetMentalHealth' in the command prompt and enter:

   python "app.py"

3. Access the Web App: Open your web browser and enter the allocated URL provided by Flask.