Build a Chrome extension like Honey

Create a Firebase app to host coupon codes and build the Chrome extension structure, including manifest.json and background scripts, then load it as an unpacked extension and pack and publish.

Connects the Chrome extension to Firebase by loading the Firebase SDK in the background script and using it as a bridge between the injected page script and the database.

Build a Chrome extension flow that extracts the current domain from the page, sends it to the background script via Chrome runtime messaging, and queries Firebase for coupons.

Encode the domain name in base64 to use as a Firebase real-time database key, then fetch and render coupon codes with descriptions in a Chrome extension.

Fetch coupons from Firebase, loop through them to render coupon codes and descriptions in a new page element, and handle empty results with error messaging for updates from the database.

Add a clickable coupon button that opens a coupon list overlay, displaying domain-specific coupons from Firebase with flex layout, z-index controls, and responsive styling.

Move Chrome extension styling into a separate css file and wire it through the manifest and content scripts. Style the header and coupon list to create a cleaner, clickable UI.

Modify the Chrome extension to always show the coupon overlay, even when no coupons exist, and keep a visible button to add new coupons.

Create a submit coupon function to send user coupons to Firebase via Chrome runtime post requests, log debug data, and trigger a responsive overlay with feedback.

Implement a submit coupon flow by listening for the overlay submission, capturing the code and description, and posting them to Firebase with the new post id.

Style the overlay and button with 5px padding, 10px height, 220 by 200 pixels, centered on the page, and use z-index, border color, and box-sizing for a polished, top-layer UI.

Copy coupon codes to the clipboard and close the overlay in a chrome extension by implementing a copy-to-clipboard function, event listeners for codes, and a close button.

Learn how to publish a chrome extension by zipping it with icons and a manifest, uploading to the chrome web store developer dashboard, and submitting for review.