Skip to main content
00:00/00:00
Lecture 4 of 54

Environment- -tool-setup

Download Course (Free)

Course Content

0 / 54 completed
Section 1: Course Curriculum54 videos

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

7m

Using-the-project-files

2m

Welcome- -project-preview

4m

Environment- -tool-setup

7mNow Playing

Setting-up-base-app-structure

20m

Creating-the-Dockerfile-and-installing-dependencies

20m

Setting-up-theming -routes -and-context

13m

Creating-the-registration-API-endpoint

25m

Sending-emails-with-nodemailer

12m

Building-reusable-base-components

18m

Communicating-between-the-UI-and-API

9m

Creating-the-email-verification-API-endpoint

10m

Creating-the-registration-UI

40m

Creating-the-login-API-endpoint

10m

Creating-the-email-verification-UI

17m

Creating-the-login-UI

17m

Persisting-users-on-the-UI

17m

Validating-and-securing-API-requests

17m

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

19m

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

5m

Creating-the-UI-homepage-skeleton

22m

Creating-the-link-creation-API-endpoint

22m

Creating-a-link-via-the-UI

25m

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

13m

Creating-the-link-update-API-endpoint

8m

Creating-the-link-deletion-API-endpoint

5m

Supporting-link-updates-in-the-UI

14m

Deleting-a-link-in-the-UI

9m

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

23m

Creating-the-TagSelector-component

26m

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

18m

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

11m

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

5m

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

7m

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

14m

Supporting-tag-filtering-on-the-API

5m

Installing-dependencies-and-creating-starter-files

3m

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

10m

Setting-up-the-base-containers

5m

Creating-the-extension-manifest

7m

Configuring-Webpack-for-the-extension-environment

14m

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

17m

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

7m

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

16m

Creating-the-LinkManager-interface

22m

Connecting-the-LinkManager-to-the-API

10m

Supporting-tags-within-the-LinkManager

14m

Deploying-the-UI

8m

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

16m

Deploying-the-API

14m

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

27m

Next-steps-and-enhancement-ideas

2m

Preparing-and-publishing-the-Chrome-Extension

18m

Wrap-up

1m