From my research here are a couple of strategies to consider:

HTML & JQuery
- this approach seems a little ... easy? idk - but it's simple, lightweight and gets the job done for this project's use case
React Approach - Medium Article
- this approach is a little more involved but probably at the technical scope that will interest you the most.
- keep in mind they use TypeScript - but you don't have to. Mix and match whatever you need and are able to use effectively from this tutorial
- I noticed that the repo they linked is legit just a react app with some tests in it (jest) but they modified their package.json - this might be a good starting point
  - more specificaly, I noticed this:
```
   "scripts": {
          "build": "webpack --config webpack.config.js",
          "watch": "webpack -w --config webpack.config.js"
        } ```
```
  - i'm seeing these packages webpack and manifest thrown around a lot.
  - from the minimal research that I've done - I understand that webpack is what is "porting"/hosting the react app to the chrome browser - and manifest is the security behind it
  - makes sense ig cause at the end of the day all react is doing is a bunch of fancy jquery on an HTML page
  - highly reccomend reading up on webpack
- essentially the TLDR of this is that you're on the right track - just build a react app and use webpack and manifest to port them over to the browser.
  - like we discussed, we'd need to zip up and send our extension to the browser if you're looking to deploy

MIsc

General Chrome Extension Docs
Manifest Docs
You're working on a chrome extension during a time where they're currently migrating the way that all chrome extensions work
- it's exciting but it's also a little bit scary cause that means that alot of tutorials out there will be out of date
- i'd reccomend staying away from cookies or anything like that currently as to let the documentation and community catch up before you delve into that ecosystem