We were inspired by the National Associate on Mental Illness, a research funding agency that compiles mental health resources and hotlines within each State. However, we decided to narrow our scope to resources, statistics, and inquires for mental health at the workplace because COVID-19 has highlighted the correlation between mental health and productivity. Furthermore, we found that employees face a unique barrier to mental health assistance because employers are not required to discuss mental health in a formal setting and provide resources while students usually have access to a trained counselor.

What it does

Our website is a hub for mental health statistics, resources, and inquiries. Illuminate Mental Health seeks to streamline access to mental health resources across the country to substitute insufficient discussions on mental health in the workplace. By creating digestible representations of mental health statistics and concentrating mental health resources, IMHR raises awareness, improves accessibility, and eases isolation by building a digital bridge to the mental health community.

How we built it

First, our team created a GitHub repository to make collaboration easier. Next, we downloaded datasets from Kaggle, and transformed the datasets in Excel. An interactive data visualization was then created in PowerBI and published in the website. Before building the website, we also designed low-fidelity wireframes in Figma and decided the color scheme of the site. The website itself was built using HTML, CSS, and JavaScript in Visual Studio Code. We also conducted a lot of research to collect hotlines for each individual state in addition to national and international resources. Our team had to learn to use Node.js to program a dropdown that filters the hotlines shown on the Resources webpage. As a finishing touch, we designed a logo in Canva. Lastly, we published the site through GitHub.

Challenges we ran into

Building an entire website in 48 hours was very large project to undertake, and our team struggled with time management and choosing which tasks or ideas to prioritize. We also ran into technology issues, as poor Wi-Fi sometimes prevented communication. Furthermore, PowerBI was causing our computers to overheat and crash, which slowed progress.

Accomplishments that we're proud of

We had many interesting feature ideas that we did not have the existing skills to program, so our team had to learn how to use Node.js. While this took away a significant amount of time from building other features, we're proud to showcase a new skill on our site. We also gained more experience with transforming raw datasets for data visualizations, which was a tedious process that ultimately yielded an engaging and informative interactive visualization.

What we learned

As previously stated, we learned to build a Node API for a dropdown on our Resources webpage. To transform raw datasets, we also utilized unfamiliar features in Excel and Power BI to make the filtering process more efficient. Furthermore, this was the first time we used a plugin to publish an interactive data visualization onto a webpage. Lastly, we both felt this was a good learning experience in regards to collaborating virtually, as there were many hurdles to overcome that aren't present when working together in-person.

What's next for Illuminate Mental Health Resources

Our team would like to continue working on the Illuminate Mental Health Resources website after this Hackathon. The next feature we plan to add is a chat as an interactive AI to increase user engagement and funnel users towards resources. We would also like to create more data visualizations that represent how employees feel about the treatment of mental health in the workplace, as well as representing the relationships between gender, age, race, remote-work, and mental health. Lastly, we plan to clean up the website's user interface and solidify a brand style for IMHR.

Built With

Share this project: