Make Money from ChatGPT / GPT-4 Projects

Explore why chrome extensions are a profitable, accessible entry point, covering manifest v2 to v3 changes, core APIs, and how JavaScript and HTML skills can launch extension projects.

Follow practical steps to navigate limited documentation and evolving Chrome extensions, tweak each code snippet slightly, and practice with extensions to accelerate learning and get the most from this course.

Download the starter code template for Chrome extensions to jumpstart your project, saving you from starting from scratch while you learn how it works later.

Explore Chrome manifest version three and how it differs from version two, focusing on service workers replacing background scripts, declarative request for network routing, and isolated worlds for process isolation.

Explore how Chrome extensions are built with a manifest file and HTML, CSS, and JavaScript files, enabling new browser features and interaction with web pages through content scripts.

Explore the manifest.json file for Chrome extensions, detailing name, version, permissions, and resources, and learn how the service worker and content scripts drive background tasks and page interaction.

Learn how service workers run in the background to intercept requests, access the cache, handle push messages, and boost a Chrome extension's performance through caching and background tasks.

Explore content scripts—JavaScript injected into web pages—to interact with the DOM, modify appearance, or extract data, using the manifest content_scripts and matches fields, and messaging with the extension background script.

Explore Chrome APIs to let extensions interact with the browser and web pages, modify the DOM, manage runtime, storage, and tabs, and intercept network requests.

Learn to build a color picker project with HTML, CSS, and JavaScript, creating a browser extension that samples colors from any website and copies the result to the clipboard.

Create a starter skeleton for a color picker extension by configuring a version three manifest, adding icons and a service worker, and building a popup with html, css, and js.

Learn cross script communication in Chrome extensions, from popup button handling and script injection to data passing between popup and page, including a color picker and clipboard copy.

Explore using the chrome storage API in a service worker to save and retrieve colors with storage.sync, declare permissions, and create an options page for a Chrome extension.

Build a basic Chrome extension to block unwanted sites for focus, with a study mode toggle that stores its state in Chrome storage and updates the popup UI.

Catch when users navigate to specific web pages using the chrome.webNavigation API, and update the current tab's URL to an alternate page.

Learn how to implement a snooze functionality in a Chrome extension that blocks sites during study mode, using URL filters, a minutes input, and JSON storage.

Demonstrate GPT integration by testing text and code completion, embeddings, and image generation in a playground. Adjust temperature and length to pick the best model, then preview payment features.

Learn to build a GPT integration by setting up an API key, crafting prompts with a text body and instructions, and retrieving results via the streaming completion API.

Demonstrates implementing payment functionality using Stripe, including configuring price, collecting email and credit information, and enabling a premium version after a trial ends in ten days.

Learn to implement Stripe-based payments with a front-end and back-end workflow, including product links, subscription checks, delinquent handling, and a MongoDB-backed trial system.