-
Home Page
-
Users input the amount of time they plan on showering
-
The site links to your spotify so you have access and can choose from your playlist.
-
The algorithm selects songs based on the playlists the user chose. The user can draw the songs again, if they desire.
-
The screen displayed when the songs are playing.
-
The about page that explains how to use the website and also displays facts about water conservation.
Inspiration
We researched about common high resource consumption activities that people take for granted and learned about how much water people waste when taking showers. We learned that excess water consumption is a common concern across various communities, including our own campus. Thus, we made a software to encourage people to limit shower time.
What it does
It is a timer that is connected to the user's spotify. The user can set a time limit to take their shower, in which our algorithm will use to select songs from the intended playlists to closely match the requested time limit. Then the program will play an alarm once the requested time limit has been reach.
How we built it
We used react, and relied on spotify's api to access the user's liked songs and songs put in playlists. We used material-UI and react-icons and other such front-end packages to build out the interface.
Challenges we ran into
Debugging the spotify api, especially configuring the access tokens Learning new languages and framework (javascript, css, and react)
Accomplishments that we're proud of
working together to build an entire website from scratch learning new languages and frameworks planning and designing the final product
What we learned
We learned about the amount of water we spend when we shower spotify api front-end languages
What's next for Shower.fy
Streaks - to compete with friends. Connect with smart home to turn on cold shower at timer end
Log in or sign up for Devpost to join the conversation.