Skip to content

amir-the6th/Amir-Pinboard-Chrome-Extension

Repository files navigation

My Pinboard - Chrome Extension

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.

Table of contents

Overview

Links

  • Solution URL: Link
  • Live Site URL: Link

Demo

(Click on the GIF if the quality seems low) demo gif

Screenshot

chrome extension screenshot

My process

Built with

  • HTML5
  • CSS
  • JavaScript

What I learned

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

Author

Acknowledgments

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.

About

A simple Google Chrome extension which helps the user bookmark their favorite links automatically by clicking on the button or manually by typing the URL

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published