GoodDay

Motivational quotes and gentle self-care reminders for users and uplifting images generated based on user's preferences.
To-do list to boost user's productivity!

Inspiration

We were inspired to create GoodDay after sharing how our habits and routines had all been up-ended by the COVID-19 pandemic. In this time of isolation, it's super easy to find yourself spending hours upon hours working away in front of your laptop. This lack of exercise and social interaction can be damaging for your physical and mental health. That's where GoodDay comes in: GoodDay is a Chrome extension built with self-care in mind.

What it does

GoodDay is all about little reminders: it reminds you to rest your eyes, drink some water, grab a snack, and more. It also generates uplifting images that greet you when you open the extension. You can customize the types of images you want to see for your best experience! GoodDay also wants to help your productivity: it features a sticky-note-style checklist so you can visualize what you've accomplished and what's left to be done.

How we built it

We built GoodDay using HTML/CSS, JavaScript, Chrome Storage API, Bootstrap, and Domain.com.

Challenges we ran into

Setting up Chrome storage API to save the user’s preferences on the images and to-do list notes
Linking a custom domain to the website host

Accomplishments that we're proud of

It was everyone on the team’s first time creating a google chrome extension!
It looks pretty!
Developing a finished product in such a short time

What we learned

Coding is not always easy - you’re bound to run into roadblocks
Communicating virtually with teammates is difficult but rewarding
Web development is a lot of fun and super satisfying to visually see your progress!

What's next for GoodDay

Adding pomodoro timer feature or timed reminders to drink water, take a walk, or take a break.
Implementing it in other web browsers (Safari, Firefox, etc.).
Implementing a chatbot on our website.
Dark mode!

Built With

bootstrap
chrome.storage
css
html
javascript

Submitted to

Hack the North 2020++

Created by

I worked in a little bit of everything, contributing to the back-end and the front-end of GoodDay's website. I specifically helped create the randomly generated messages. This was my first time creating a a Chrome extension so I definitely learned a lot!

Tabitha Wong
UW/WLU CS BBA '25
This was my first time developing a Chrome web extension. My main role was to style our web extension and parts of our demo website using HTML and CSS. It was a fun experience!

Veronika Sustrova
UWaterloo CS '25
I mainly worked on the functionality of the chrome extension! Like generating random images based on the user's preference, making the to-do list work, etc. I also helped with designing the website and linking it with the custom domain. It was my first time working on a chrome extension so I'm very glad how it turned out :)

Julianne Jorda
It was my first time creating a chrome extension and I learned a lot about using HTML, CSS, and Javascript. I worked on the To-Do List and part of the website.

Christina Liang