Hue With Us

Splash Screen - 1
Splash Screen - 2
Mobile View
Tab View
Beginning of the website
Beginning of the website
Question - 1
Question - 2 : When user will type anything
Question - 3: When user click next button without typing anything
Question - 4
After giving answers
Users answers
After answering all question home page look
After answering all question home page look

Inspiration

In the past, I have faced a lot of depression. Asking questions to myself to stay away from depression helped me a lot. Because I can do that any place and any time. The project name came Hue With Us from the hackathon title and also matching the .us domain name. I have chosen Hue word from a philosophical and psychological perspective. Hue is the origin of color. We have also an origin in ourselves. We start to lose that origin and become other-selves of our own when we depressed or become sad. Which is like going away from the hue and turning it into another color.

What it does

The website represents the philosophy. When a user will enter the website will see a dull-looking website and lost lots of hues. When the user will hover the HEAL HUE button will see it gets the hue which represents this is the step to get the lost hue. Users will get some philosophical and therapist questions to heal the mind. The background color of the page and the background image represents that color is getting back to its hue which represents the mind is healing by answering the questions. In the end, users will see all the answers they have given to see their thoughts and a link to go back to the home page. This represents that when someone is healing that person can heal around things too. When users will move to home users will see a color full version of the website that users made by healing themselves.

How I built it

I have used

React
Material-UI
and also HTML, CSS, JavaScript

Challenges I ran into

Changing background image and color for each question according to progress.
Changing the website background and content color when user back to the home screen after finishing questions
Managing states in the components
Giving fixed place for the footer
Background image position
Connecting GitHub pages to huewith.us domain

Accomplishments that I am proud of

I have participated in the hackathon. I was almost going to give up on participating by thinking I won't be able to win.
I have completed what I wanted to do in the project
My project will be helpful for people
I have able to replace my thinking from winning to learning at the hackathon.