When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Build a Coupon finder Google Chrome Extension like "Honey"
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
2 hours 2 minutes 
english
Online - Self Paced
course
SkillShare
About Build a Coupon finder Google Chrome Extension like "Honey"
Skillshare welcome promo
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
Ensure extension appears
Display form for submitting coupons
New command to submit coupons to Database
Push coupon details to Database
Add styling to button and overlay
Copy coupon to clipboard & close overlay
How to publish Chrome Extension
Thanks for taking the course!
Bonus Video - Auto Apply Coupons (Source Code in Resources Section)
What You Will Learn?
- Build a Chrome Extension like Honey (Which was Acquired for $4 Billion!).
- In this class, 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 class for you!.
- This class will run through Creating a Chrome Extension & Using Firebase..