Build it with me: Leads management system web app

Name: Build it with me: Leads management system web app
Rating: 3.4 (12 reviews)

Full-stack modern web development using ReactJS, GraphQL and AWS Amplify

Created byApril Pineda

Last updated 9/2020

English

What you'll learn

How to build a CRM-like web application with ReactJS, AWS Amplify, and GraphQL
ReactJS
Graphql
AWS Amplify
AWS Lambda
AWS AppSync
AWS Cognito Authentication
AWS ElasticSearch
Full-stack web development

Course content

4 sections • 64 lectures • 41h 15m total length

End product demonstration5:39
What we will build in this course5:56

Setting up our ReactJS app24:05
Let's initialize our react application and some other tools we will use with react.
Setting up Github repository6:56
Let's set up the Github repository that will hold all the source codes of our application. We will also set up SSH to access that github repository.
Setting up code formatter15:58
Let's set up code formatters. Code formatters are essential to impose the same coding style and coding standards throughout the application's codes.
Initialize AWS Amplify27:28
Let's now setup our application with AWS Amplify.

Authentication part 11:03:25
Authentication part 254:37
Authentication part 344:56
Creating useForm hook part 147:45
Creating useForm hook part 234:27
Creating validator library7:17
Fab button and add lead form part 155:13
Fab button and add lead form part 245:41
Fab button and add lead form part 337:36
List leads page and searchable part 148:47
List leads page and searchable part 242:59
List leads page and searchable part 353:00
Creating usePaginator hook and PaginatorTable component23:05
Lead view page23:56
Add lead addresses part 146:58
Add lead addresses part 228:27
Add lead addresses part 347:12
List lead addresses page part 130:38
List lead addresses page part 234:23
Updating address list real time when new address was added15:27
Deleting address record and updating address list real time35:52
Edit lead address part 134:51
Edit lead address part 227:43
Edit lead address part 330:47
Edit lead basic information22:17
Uploading lead profile picture part 154:10
Uploading lead profile picture part 234:29
Uploading lead profile picture part 345:24
Uploading lead profile picture part 429:36
Lead contact detail54:45
List, update, and delete lead contact detail50:18
Adding notes to lead part 148:00
Adding notes to lead part 258:20
List, edit, and delete a note part 137:16
List edit and delete a note part 235:43
Invite user part 141:27
Invite user part 245:11
Invite user part 31:03:36
List, enable or disable accounts and resending temporary password part 153:34
List, enable or disable accounts and resending temporary password part 21:01:57
List, enable or disable accounts and resending temporary password part 344:29
Notes ownership18:50
User groups and restrictions part 150:52
User groups and restrictions part 230:20
User groups and restrictions part 349:52
User groups and restrictions part 438:13
Lead statuses part 143:26
Lead statuses part 252:26
Lead statuses part 353:36
Lead statuses part 442:17
Lead statuses part 530:43
Searching and filtering leads by name and status49:39
Change user profile picture37:22
Edit user profile information and change password1:01:29
Forgot password41:54
Navigations26:48
UAT and Production environments28:03

Requirements

ReactJS basics (hooks, components, context API, state management)
EcmaScript/JavaScript basics (spread, rest, async, arrow functions, lexical variables, constants)

Description

Upgrade your skill by learning full-stack modern web development. In this course for beginners to intermediate levels, we will create a CRM-like web application from scratch using ReactJS, AWS Amplify, and GraphQL. We will conquer all challenges along the way and deploy our code from DEV to UAT and PRODUCTION and make it available to our intended clients! We will also set up and commit our codes to a Github repository.

Who this course is for:

People who are into ReactJS
People who are into Amazon Web Services (AWS)
People who are into full-stack web development
People who are into modern web development

Build it with me: Leads management system web app

What you'll learn

Explore related topics

Course content

Introductions2 lectures • 12min

Setting up the codebase4 lectures • 1hr 14min

Implementing features57 lectures • 39hr 11min

Testing final products and fixing bugs found1 lecture • 38min

Requirements

Description

Who this course is for: