Download Fullstack Extensions – Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.js Course for Free

Creating-the-React-app-structure-and-installing-dependencies

Using-the-project-files

Welcome- -project-preview

Environment- -tool-setup

Setting-up-base-app-structure

Creating-the-Dockerfile-and-installing-dependencies

Setting-up-theming -routes -and-context

Creating-the-registration-API-endpoint

Sending-emails-with-nodemailer

Building-reusable-base-components

Communicating-between-the-UI-and-API

Creating-the-email-verification-API-endpoint

Creating-the-registration-UI

Creating-the-login-API-endpoint

Creating-the-email-verification-UI

Creating-the-login-UI

Persisting-users-on-the-UI

Validating-and-securing-API-requests

Creating-protected-routes -handling-unverified-accounts -and-allowing-logout

Creating-the-API-endpoint-to-fetch-all-links

Creating-the-UI-homepage-skeleton

Creating-the-link-creation-API-endpoint

Creating-a-link-via-the-UI

Retrieving-and-displaying-links-in-the-UI

Creating-the-link-update-API-endpoint

Creating-the-link-deletion-API-endpoint

Supporting-link-updates-in-the-UI

Deleting-a-link-in-the-UI

Supporting-tags-in-the-link-creation-API-endpoint

Creating-the-TagSelector-component

Adding-tags-to-link-creation-on-the-UI

Supporting-tags-in-the-link-update-API-endpoint

Supporting-searching-and-sorting-on-the-API

Adding-tags-to-link-updates-on-the-UI

Searching-and-sorting-links-within-the-UI

Supporting-tag-filtering-on-the-API

Installing-dependencies-and-creating-starter-files

Filtering-links-by-tags-on-the-UI

Setting-up-the-base-containers

Creating-the-extension-manifest

Configuring-Webpack-for-the-extension-environment

Injecting-a-React-app-using-Content-Scripts

Supporting-extension-authentication-on-the-UI-and-API

Requiring-authentication-in-the-extension-and-leveraging-the-Storage-API

Creating-the-LinkManager-interface

Connecting-the-LinkManager-to-the-API

Supporting-tags-within-the-LinkManager

Deploying-the-UI

Deleting-saved-links-and-improving-the-user-experience-with-Context-Menus

Deploying-the-API

Creating-an-Options-page-for-managing-extension-settings

Next-steps-and-enhancement-ideas

Preparing-and-publishing-the-Chrome-Extension

Wrap-up