The inspiration for the site came from the lack of active and open mental health resources and information we readily have access to or know about. The name "Rainbow Spirit" comes from rainbows being a symbol of hope and positivity tied in with our goal to uplift people's spirits on our website.
What It Does
Rainbow Spirit is a website that helps users to strive for good mental health with its informative and relaxing features. All of our features and details are there to ensure that the user feels calm and comfortable while using our website.
Relaxation Room On the relaxation room page (second page), we have a cozy station that helps with studying and working on your daily chores. We wanted to aim for a very comfy and cute cafe vibe to help the user feel relaxed. The Lofi station offers a coffee shop playlist and it's the music that is playing in the background. The Pomodoro clock is an additive to help people study, keep track of time, and be more productive. We also have a customizable and functional to-do list. It allows the user to add, remove, and checkmark things from their list.
Color Psychology On the color psychology page (third page), the user can learn about the concept of color psychology and how specific colors can affect you, based on what each color promotes, what it is good for, and when to avoid them. You can use this info in your day-to-day life.
Helplines In the helplines page (fourth page), we included a variety of websites in the form of hyperlinks that offer very helpful resources such as stories, education on mental health, suicide prevention, a variety of uplifting communities, and more! Again, we applied the general color scheme to the tables and text.
Gallery On the gallery page (fifth page), users can look at calming pictures and listen to nature sounds to aid in relaxation.
Challenges We Ran Into/Things We Learned
How We Built It
Accomplishments That We're Proud of
We're simply proud of being able to create a functioning website that has amazing features and designs. Lisa: I love this website and after this, I'm going to brag about it to all of my friends and family. I'm more amazed by the fact that our website looks so well designed, I'd actually use it to help me with studying and listing my tasks. Since before this I had no previous knowledge of HTML, I'm proud of myself for being able to understand, read and create code. Maryann: I'm just blown away that I was able to create a website of this quality. We worked very hard to make it aesthetically pleasing and useful so I am happy that the end result was able to exceed my expectations. I am also very proud of how Lisa and I worked as a team. We often asked each other for help, actively collaborated, and had fun navigating the process together.
What's Next for Rainbow Spirit
If we ever decide to continue this project, we'd like to add some more features and pages such as a feasible calendar, or even editable content similar to Notion. We may also want to add a login feature and allow users to save and upload their own content to make it more personal.
Extra Features of Rainbow Spirit
In the tab bar, we were able to add a cute violet crescent moon favicon and our very own website title. At the top of the screen on the third page, we also included a progress bar that moves as you scroll through the page.