This was our first time coding a range slider! It took us around three hours to code, but at the end, we were very proud of it.
Another aspect of our website were these picture galleries that led to another aspect of our website.
This was a very important aspect of our website as it showed each of our members! We were able to be very great friends!
The Login/Sign Up aspect of the website was by far the most time consuming. Although it took a long time, it was worth the wait!
Seeing the destruction and upheaval COVID has wrought on many throughout this pandemic, we were inspired to build a mental health web app that can help people through such a mentally, physically, and emotionally draining time. With the—for lack of a better term—dumpster fire of a year that was 2020, we hope to provide a reprieve and the proper mental health assistance in 2021 through our website.
What it does
Ambiance provides users the ability to talk about their emotions through a friend or by writing. For those who feel unproductive and stressed, Ambiance provides a built-in to-do list website for users to stay on track with their schedules. Users may also access the Pinterest website to explore different DIY activities or motivational quotes.
How we built it
Challenges we ran into
Most of our members weren't familiar with coding websites, so learning how to properly use div tags, along with creating ways to hover over the words to change color, was especially a large challenge. Time was also a large challenge for us as we had so many ideas we wanted to implement, but didn't have the time strength to complete all.
Accomplishments that we're proud of
Overall, we are proud of the fact that we were able to demonstrate great teamwork skills to create a website that we didn't know was possible. There were many times throughout the night where we found ourselves to be too tired to work, but we pushed through and created an amazing website. There were many obstacles, such as the range sliders, which took a long time, but once we managed to figure out how to fix it, we were full of joy.
What we learned
Through the website developing process, we were able to hone our HTML/CSS skills. We learned to implement new templates into websites, and we took into practice the idea of looking up codes and processes to find certain aspects to embed into the website. We were able to learn more about Repl.It and Figma, and discovered how to demonstrate a wireframe’s user experience. In terms of social skills, we were able to learn more about patience as there were many times during the coding process when we found that our code didn’t work. We had to be very patient with each other and ourselves in order to create a website under a time limit.
What's next for Ambiance
Ambiance will continue to expand and provide more accessible materials to users for their mental health and livelihood ease. We expect to edit our web app more in order to perfect certain edits and aspects of the project that we were unable to approach due to time. In time, we expect to install a "quote of the day-daily affirmation", and emoji mood scale, and virtual group sessions, including morning meditations, lunch breaks, and evening positivity.