Inspiration
Our personal experiences and love of ducks led us to brainstorm the idea of Duckalina and Beak-a-Boo. We have a shared goal to help other students achieve healthy study habits.
What it does
Beak-a-Boo is a Google Chrome extension that acts as a study break timer. The user inputs an amount of time they want to study for before taking a break. Once the timer reaches 0 hours 0 minutes 0 seconds, Duckalina will pop up on the user's screen and remind the user to take a 10 minute study/work break! When the user is ready, the user can click on a "freeze cursor" button that will prevent users from moving their cursor (unless they press the ESC key to exit out of the break timer early).
How we built it
- Google Chrome Extensions and its APIs: storage, alarms, idle, contextMenus, pointerLock
- Visual Studio Code and the LiveShare extension
- GitHub and GitHub Pages
- Canva
Challenges we ran into
- Running a timer in the background
- Locking the mouse movement
- Learning the basics of a Chrome extension
Accomplishments that we're proud of
- Duckalina's story
- Our team synergy
- Learned how to make a Chrome extension for the first time
- Learned new APIs and language
- Finishing the demo!
What we learned
- Javascript
- Chrome extensions
- Efficiently utilize APIs
- Fun and effective teamwork!
What's next for Beak-a-Boo
- Expanding the website to be a standalone storybook rather than a Canva slides
- Interactive animations (ex: Duckalina stealing the cursor)
- Background music during the study break to add to the ambiance
Built With
- alarms
- canva
- chrome
- contextmenus
- css
- github
- html
- idle
- javascript
- liveshare
- pointerlock
- storage
- vscode
Log in or sign up for Devpost to join the conversation.