DEV Community

Cover image for My first Chrome Extension .
Pratik kumar
Pratik kumar

Posted on • Updated on

My first Chrome Extension .

So, I was getting bored of making websites and then I decided to make a chrome extension.

The folder structure

folders

The Manifest file

manifest

This file is a special file. It contains the information about the chrome extension. It is a .json type file.

It must mandatorily contain:

1.The Manifest version
2.The name of the extension.
3.The version of the extension.

The HTML file

A container div and an unordered list for the list of jokes.

index

The JavaScript file

Here is our main logic. Here, we request data from an API and parse it into required state. We dynamically create new list item and put these data into it.

js

The CSS file

style

So, that's it for the code and here's the result

Capgreagture

Thanks for your time.

Top comments (0)