Inspiration

Maintaining mental health and wellness is extremely important during the COVID-19 pandemic and in busy areas such as New York City. So many people struggle with feeling alone and unable to find people to talk to, which leads to worsening mental health. Good mental health is a necessity in life, so we created a website to encourage it.

What it does

We provide our users the platform to connect with others in the journals page, where users can see recently posted journals from other people in a carousel-type slider. This creates a sense of community and allows people to vent their feelings without fear of any consequences. The resources page contains spotify playlists for users to listen to as means of enhancing their mood and an animation instructing users on how to breathe in order to help them feel more centered and relaxed with the spike in anxiety cases due to COVID-19.

## How we built it We used repl.it to collaborate and create the website, along with the languages HTML, CSS, and JavaScript. We also used Figma and FigJam to whiteboard, wireframe, and prototype the website design and interface. We used jQuery and OwlCarousel as well for the JavaScript.

Challenges we ran into

Transforming the Figma design into a mixture of HTML and CSS for the actual website was challenging for us at first. We also encountered several problems with the navigation bar and making the pages responsive when resizing the windows. Additionally, we had to go through and debug some of the JavaScript code because jQuery was not working properly.

Accomplishments that we're proud of

We’re a team four - of which two members are new hackers, and all of us are BIPOC. Even with limited website experience, we have managed to overcome bugs, troubleshoot, and build an impactful project in a short time. We are also proud that we have been able to effectively communicate with each other throughout the website development process. Additionally, we are proud of our branding: our website's name "Re-life"

What we learned

We learned how to make a pretty-looking UI/UX design with complementary colors and how to deploy our application/website to Azure. By using jQuery and OwlCarousel, two plugins that we were unfamiliar with, we familiarized ourselves with the process of researching and using new tools to meet demands.

## What's next for Re-life Next, we want to expand our website with user login, replies to journals, and a reporting system for mental health crises and potential inappropriate posting. We also want to improve the appearance of the journals page by formatting the posts onto white boxes that look like journal paper.

Built With

Share this project:

Updates