Lord-V15 / aws-cognito-react

A simple and precise implementation of how to use the AWS Cognito JavaScript SDK (without using Amplify)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Are you feeling confused with the bad AWS Documentation ? 😩

Don't worry. I did, too ! That's when I started exploring how to get the functionality of Cognito working in React.

This is a simple project I made to test out the workings of AWS Cognito's JavaScript SDK.
I am not a frontend developer, so I didn't make anything for the designs.
This is just supposed to be a working demo, meant to be used as a reference for the functionality of the project.

How to run the Project 💻

It's just a 3 step process (assuming you have AWS Cognito User Pools set up already) :

  1. Open your IDE (or cd into the directory) and create a new .env file.

Screenshot 2021-11-01 at 5 52 17 PM

2.Inside the file, add two variables (REACT_APP_USER_POOL_ID & REACT_APP_CLIENT_ID) using key values from the AWS Cognito dashboard.

Screenshot 2021-11-01 at 5 52 30 PM

  1. Run npm install && npm start and you can begin exploring !

What is in it ? 📲

It has 5 components of Cognito : Signup, Login, Session Status, Change Password, Change Email.

(NOTE : The verification should be set to "Link" as I don't have any design/code for OTP verification)

Screenshot 2021-11-01 at 6 01 59 PM

About

A simple and precise implementation of how to use the AWS Cognito JavaScript SDK (without using Amplify)


Languages

Language:JavaScript 87.3%Language:HTML 10.0%Language:CSS 2.7%