Note: This extension is supported on other browsers than Chrome, but the Save Tab functionality is exclusively available for Chrome users due to the use of Chrome API for reading the URL of active browser tab.
This is my solution to a course project at Scrimba JavaScript course. This Google Chrome extension is a pinboard of links that user finds instructive when they are surfing the web. With this simple extension, the user can add a URL to their pinboard manually or they can also save the active tab in their browser to the pinboard.
(Click on the GIF if the quality seems low)
- HTML5
- CSS
- JavaScript
Above all things, I learned how to create a browser extension, which happened to be not difficult as I imagined it would be. During this guided project, I learned and refreshed my mind about the following topics:
const
addEventListener()
innerHTML
input.value
- function parameters
- template strings
localStorage
- The JSON object
- objects in arrays
- Chrome API
- Website - Amir Sabagh
- GitHub - @amir-the6th
- LinkedIn - Amir Sabagh
I want to give a shout-out to the Scrimba CEO and professor, Per Harald Borgen(@perborgen). I recently finished the HTML and CSS course on Scrimba and am currently pursuing the follow-up course, Learn JavaScript for Free.