DEV Community

Ameer Muhammad
Ameer Muhammad

Posted on

Built My First Chrome Extension with JavaScript 🚀

As a beginner learning the MERN stack, I am always looking for ways to see how JavaScript works in the real world. Recently, I completed a project from my Scrimba lessons where I built a Chrome Extension.

The Project:

The extension allows users to save links directly from the browser tab. It was a way to practice JavaScript and learn new things. I got to learn about

  • JSON and Manifest files: how the browser recognizes an extension

  • DOM Manipulation: using JavaScript to update the user interface in time

  • LocalStorage: keeping data saved even after the browser is closed

What I Learned:

Building this extension taught me that JavaScript is really powerful when used with the Chrome API. Seeing my code work in my browser was a big moment for me. I was surprised at how much I could do with a few lines of JavaScript.

Check out the code:

I have put the project on my GitHub here: [https://github.com/amyr-muhammad/Chrome-Extention-Scrimba]

My Learning Journey:

I am currently learning more about front-end design and logic through Scrimba's lessons. If you want to build projects like this, I think you should check out Scrimba: [https://scrimba.com/?via=u43b2946]

javascript #webdev #beginners scrimba #frontend

Top comments (0)