Chrome Extensions: extensions can be a tool of both entertainment and great help when working on a broswer

Structure of a extension:

• manifest.json
• background scripts
• icons
• sidebars, popups
• content scripts
• web accessible resources
• we can also work with react and make extensioins

---

Projects:

• cat-wiki: documenting all types of cats and making a extension to spread awareness of cats.

  • features:
    • make the extension a side panel
    • add details of more cats and make pics smaller.
    • fix the html code
    • deploy it and share it.
    • make it a product

• youtube-extension: a youtube extension to get details of youtube content.

• kaomoji: a emoji extension inspired from japanese emojis.

• Task:

  • make it open-source.
  • add a community.
  • video demonstration.
  • docs.
  • easy explanation.

  • Cat wiki:

    • write proper comments
    • add a index on page 1

side panel

• chrome://flags
• chrome://extensions

References:

• webpack: link
  • javascript bundler
  • yarn add webpack webpack-cli
  • yarn add global typescript
  • yarn add ts-loader
• chrome for dev: Link