Today I worked on building my Chrome extension Study Sidebar Notes, which helps me take notes and draw while browsing any website. I started by setting up the extension structure using Manifest V3 and created a sidebar that can be toggled on any page.
Then I implemented a notes section with auto-save using chrome storage, so all my notes are saved per website. After that, I added a drawing canvas with features like smooth drawing, color picker, pen size control, eraser, and clear option.
I also improved the UI to make it look clean and modern with a dark theme, and added a feature to download notes as a text file. Finally, I tested the extension on different websites to make sure everything works properly.
This project helped me understand how Chrome extensions work, how to inject UI into webpages, and how to manage user data efficiently.
Log in to leave a comment