I built a Chrome extension(in React) to be more productive.
In this video, I build a Chrome extension in React JS that tracks time spent on domains and blocks access to them after a specific time interval.
Github Repo Link: https://github.com/AkileshRao/product...
Chrome extensions API: https://developer.chrome.com/docs/ext...
Difference between background scripts and extension service workers: https://developer.chrome.com/docs/ext...
Service workers Playlist: • Service worker in Javascript (2023)
⌚Timestamps
0:00 - Intro
1:20 - Building blocks of an extension
2:05 - Background script intro
3:00 - Content scripts intro
3:30 - Quick overview of manifest.json
8:30 - React app overview
12:20 - Background script
25:30 - Content script
26:55 - Running the extension
30:25 - Outro
🧑💻Other playlists:
Tanstack query - • React/Tanstack Query(2024)
Push Notifications using SW - • Push Notifications using Service worker
Service worker in Javascript (2023) - • Service worker in Javascript (2023)
Javascript observers(2023) - • Javascript Observers(2023)
The Web components Playlist - • Web components 2023
The Git series(2023) - • The Git series(2023)
Multitasking in NodeJS - • Multi tasking in NodeJS
NodeJS Authentication with Passport - • NodeJS Authentication with Passport(2021)
Job scheduling in NodeJS - • Job scheduling in NodeJS
NPM Tutorial Series - • NPM Tutorial Series (2021)
Javascript(Behind the scenes) - • Javascript(Behind the scenes)
Socials
🐤 Twitter - / themangalorian
📷 Instagram - / _alt.ar_
👔 LinkedIn - / akilesh-rao-610357137
🧑💻 GitHub - https://github.com/AkileshRao
📝 Medium - / akileshrao19