motivational dino extension
- 2 Devlogs
- 9 Total hours
checks how long you've been distracted for and motivates you to minimize distractions.
i spent the week basically coding a huge chunk of the backend/frontend of the extension and also learning a lot about how Chrome Extensions work using the docs online and learned how to handle different events like the service workers that work in background.js and the content scripts that will run and inject html into websites like the one shown in the image below.
actual popup that shows for the browser extension is can be seen here which uses basically html with javascript that populates it with the “distractor” tabs
the dino is also animated on the actual extension using the translate3d css tag
setting up the project environment while following along a tutorial from Chrome Extension Docs which helped me understand how extensions work which i found really interesting since they are basically html files, however they cant use inline js but other than that it’s really simple and i cant wait to work on it more
