This is what our end result looks like:

Screencastfrom11-6-240135110545-ezgif.com-video-to-gif-converter.gif

Its a Pomodoro timer that alternates between 25 minutes of work time and 5 minutes of break time.

If this is your first time building an extension, all you need is some basic idea of Javascript. This is what an extension contains at its very core:

Untitled

We’ll build this in layers, building on our previous understanding each time. so that you understand the concepts well while following the tutorial.

Untitled

The HTML file contains the page visible to us, and the manifest.json contains information about the extension that is used by the browser, like version, details, permissions required, icon images, content scripts included, etc.