Inspiration:
Our inspiration for Sippify was how our family, friends, and classmates drink coffee. Coffee has become normalized, especially through popular and accessible shops such as THub and Starbucks. Due to this, it is evident that ages from teenagers to adults drink coffee, mostly to keep themselves awake. However, they don’t realize the future impacts coffee has on them. Hence, we created a simple tool called Sippify to fix these issues. This app is clear and easy to use, doesn’t require money or have a lot of extra data, and doesn't bombard users with notifications, making it accessible to all age groups.
What it does:
Our website takes user inputs; including age, drink sweetness preferences, number of coffee cups consumed, at what time the coffee was consumed, and sleep schedules. Based on this data, personalized information is given to the user. It shows them their daily coffee limit, particularly if they are above or below it, and rates their habit. Based on this, it analyzes sleep insight, asking for the time they go to bed and when they wake up, letting the user know if their sleep hours and daily productivity are effective. Based on overall results, it provides decaf options, healthy drinks, alternative coffee recipes, caffeine-free stores, and alternative ways to stay awake since it is the most common reason individuals drink coffee.
How we built it:
We used HTML, CSS, and JavaScript to create an interactive app with navigation to multiple tabs to track coffee, analyze sleep, and explore alternatives. We used local storage to allow users to log multiple coffee entries, store personal data like age and preferences. We used good visuals such as a customizable coffee cup that shows the daily intake of the user and what their limit should be using divs. Our second tab shows functions to calculate caffeine’s impact on sleep. We used user input of sleep schedules and analyzed them to show if they have enough sleep and what times they should avoid caffeine based on age and sleep schedule so it doesn’t negatively affect the user. Since people drink coffee for the taste or as a way to stay awake we give alternative solutions in multiple drop down windows of decaf options, healthy drinks, alternative coffee recipes, caffeine free stores, and alternative ways to stay awake with fewer negative impacts. This way, the app becomes a helpful tool to fix bad habits, in addition to tracking one’s sleep and coffee consumption.
Challenges we ran into:
Since the app is a three-paged website, we needed a reliable way to share data across different sections so we used local storage to ensure that the data entries were accessible even after navigation. For example, the user’s coffee consumption needs to be stored so we could analyze their sleep pattern in relation to it. Similarly, the preference of coffee (Sweet, Neutral, Not Sweet), is needed to give them personalized tips on healthier coffee options). We also needed to log multiple entries without them disappearing so we used local storage for that as well using functions. Next, we needed accurate results of sleep data based on coffee intake and age, so we used various data such as sleep times, caffeine intake, and age in our calculations that could adapt input into meaningful results the user can use to improve this daily habit. We were able to meet these requirements through a lot of research, since we needed to find healthy coffee options, decaf brands, and alternative coffee stores that work for all age groups.
Accomplishments that we're proud of:
We are proud of our UI and UX and how we made our website efficient and easy for users to input their data. Currently, many apps require payment or use many notifications, making it difficult for older age groups to use that app. We wanted to create an app that was simple, yet purposeful by avoiding unnecessary information and included what was only beneficial. We are also proud of our visuals, such as our “coffee cup” filling up depending on the cups that the user consumes. We also had persistent data throughout our code by implementing local storage for sleep times, user age, and coffee consumption amounts. Overall, we enjoyed developing something related to all of us. Many consume coffee, yet never realize the underlying impacts it has.
What we learned:
Through our first hackathon, we learned many values in teamwork and were able to improve our collaboration skills to come up with an idea relatable to all. Another factor which helped us improve our skills was the time constraint which helped us all learn to work better under pressure. The project helped us understand more about how to make UI efficient, use local storage and compare built in functions. Throughout the creation, we enjoyed developing a platform that teaches others about the harmful truth behind something as simple as coffee.
What's next for Sippify:
Later on, we wish to add a week progress checker on an individual’s coffee intake and sleep schedule. We already have an algorithm, but for both, we want to add clear graphs that track your sleep and coffee consumption on a weekly basis. This way, users can gain better personalized decaffeinated alternatives on the website’s last page. For instance, if an individual were to have a much higher addiction to coffee, alternative coffee recipes that include caffeine wouldn’t be provided to them as there is a higher priority that they stop drinking the high amount of coffee they already do. The app would instead prioritize finding decaffeinated alternatives and other ways that can help keep you awake. Our overall goal is to improve the purpose of this app, transforming an ordinary coffee cup into an extraordinary idea, helpful to all.
Log in or sign up for Devpost to join the conversation.