Study Pet banner

Study Pet

8 devlogs
18h 14m 51s

An extension that gamifies your studying experience! A chrome extension that feeds your pet when you are on a study website. You can gain +1xp per minute of studying. The pet can level up and evolve, and there is a pomodoro timer included where you can check in on your pet after 25mins, and have breaks in between.
I changed the name of the project and had to make a new one :( Link to old project (not updated anymore): https://flavortown.hackclub.com/projects/1519

electric_gobyfish

The pause, unpause and reset buttons now work! I have to make them stored in chrome local storage so they don’t reset every time I close the extension though. Still need to code the pomodoro bit as well. Also notice the tabs show their names when they are hovered on :)

0
electric_gobyfish

Added, pause, unpause and reset buttons! The time doesn’t change right now.

Attachment
0
electric_gobyfish

Added stuff to Pomodoro tab :))
I’ve added a tomato pixel art image with the time on top and the pause and play buttons (haven’t done the javascript for that yet). I’ve also learnt a LOT of new CSS, including the position property (very useful!!).

Also, idk what background to do :(

Attachment
0
electric_gobyfish

Put some text underneath the icon when you hover on it, added a current tab indicator.

Attachment
0
electric_gobyfish

Added switchable tabs and changed the tab design back to icons. Made the default tab home.

0
electric_gobyfish

Added switchable tabs and changed the tab design back to icons. Made the default tab home.

0
electric_gobyfish

Changed the tab design from icons to text.

Attachment
0
electric_gobyfish

Added tab icons! (And all the other things I already logged on my previous project)

Attachment
0