austinwalter / ai21-browser-extension

Browser Extension Boilerplate

Getting Started with Browser Extensions

The key parts of an extension

• manifest.json
• popup file
• content script
• background
• options file

Commands

npm start

Runs the app in the development mode in the browser. (http://localhost:3000)

npm run build

Builds the extension for production to the build folder.

npm test

Practice Links

https://www.amazon.com/Audient-MKII-USB-C-Audio-Interface/dp/B08SBSN88X/ https://d9w4fhj63j193.cloudfront.net/2021/iD4MKII/English/iD4%20MKII%20Manual%20V1.2.pdf

https://www.amazon.com/Frigidaire-EFR451-Refrigerator-Platinum-Stainless/dp/B088G39HRF/ https://m.media-amazon.com/images/I/C1IhPKs2XgL.pdf

https://www.amazon.com/LG-WM3998HBA-cu-ft-Front-Washer/dp/B087D8MZCS https://www.lg.com/ca_en/support/products/documents/WM3998HBA_En.pdf

References

Extensions

https://developer.chrome.com/docs/extensions/mv3/getstarted/ https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Build_a_cross_browser_extension

https://blog.logrocket.com/creating-chrome-extension-react-typescript/ https://github.com/bajcmartinez/chrome-react-seo-extension/tree/master https://web-highlights.com/blog/how-to-build-a-chrome-extension-using-react/ https://developer.chrome.com/docs/extensions/mv3/manifest/

Search

https://medium.com/@greyboi/ddgsearch-search-duckduckgo-scrape-the-results-in-python-18f5265f1aa6 https://github.com/emlynoregan/newaiexp/blob/main/README-ddgsearch.md

https://stackoverflow.com/questions/68740358/searching-a-product-in-a-website-scrapy https://www.freecodecamp.org/news/scraping-ecommerce-website-with-python/