Simple and easy Authentication WepApp— React & Cognito sample APP

Photo by Emile Perron on Unsplash

In this article, we are going to see how to create a simple web app with authentication. We are going to create the backend and a dummy user interface for signing up, signing in, recovering password, and logout.

Requirement

• AWS account
• Node with npm installed in your local environment

Technologies

• AWS Cognito;
• React
• Amplify

With AWS Amplify you can easily and quickly create a Web app frontend and backend just with a few commands, even the UI it creates for you if you want. But, I would prefer to create the backend manually, and then connect with the frontend. Why?

• Amplify gives you big abstraction and sometimes you don’t know what it creates for you;
• It creates all the resources without meaningful names;

Well, this is just my opinion and I prefer to do it in this way, without Amplify CLI

Hands-on

We are going to create first the backend and then the frontend.

Backend

Basically, we are going to use the defaults. Everything is created out of the box, even…