4.75 (26 reviews)
☑ How to create a chrome extension
☑ How to connect Firebase to a chrome extension
Build a Chrome Extension like Honey (Acquired for $4 Billion!)
In this course, we go through all the steps in creating a Chrome Extension.
We will be using Firebase as a database for our coupon details, users will be able to see the extension in the corner of the page and then click onto the extension to either submit or find a coupon. They can click onto a coupon to copy it to their clipboard.
You will learn how to use the Chrome Extension manifest file, connect a Firebase database into a Chrome Extension (using the chrome.runtime functions). Interact with the database along with publishing this all to the Chrome Web Store.
If you have ever wondered how a Chrome Extension is created then this is the course for you!
This course will run through Creating a Chrome Extension & Using Firebase.
Extension First Steps
Create Firebase App & Extension Folders
Create Files needed for the Extension
Connect Extension to our Database
Setup Chrome message events
Setup Database Structure & Fetch Coupons
Render coupons onto the page.
Add click event to open coupon list overlay
Create CSS file & populate with styling
CSS Styling File
Ensure extension appear if coupons exist for a website or not.
Display form for submitting coupons
New command to submit coupons to Database
Push coupon details to Database
Add styling to button and overlay
Ready to Publish?
Copy coupon to clipboard & close overlay
How to publish Chrome Extension
Thanks for taking the course!