Skip to content

Example React based UI for my medium.com article on using the AWS Cognito built in sign-in and sign-up content. Demonstrates a React router implementation of the callback endpoint, a Redux based credential store, as well as use of the AWS provided libraries.

License

Notifications You must be signed in to change notification settings

dacort/cognito-demo-ui

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This application was created from the create-react-app script, and demonstrates how to integrate the AWS Cognito hosted / built in sign-in and sign-up UI content with a React application. See my article AWS Cognito example using React UI and Node.js REST APIs — part 2 (React UI app with Redux) for more information.

Running the application

  1. Modify src/config/app-config.json to match your user pool and application URLs. When running locally, the signoutUri will property need to be http://localhost:3000/ and the callbackUri property will need to be http://localhost:3000/callback.
  2. Run npm install to setup and install the dependencies.
  3. Run npm start to start the application.
  4. A browser session should automatically open, pointing at http:localhost:3000.

JWT secured REST API service

This application will attempt to invoke a simple example REST API using the JWT access code returned in the callback from Cognito. See the repo at https://github.com/arronharden/cognito-demo-service for the implementation of this REST API. A running instance of this REST API is hosted at https://cognito-demo-api.arronharden.com.

Example

A running instance of this React application is hosted at https://cognito-demo.arronharden.com.

About me

I'm a cloud/SaaS architect and lead full stack engineer, living in Milton Keynes (UK). More information about me can be found on my profile at https://arronharden.com.

About

Example React based UI for my medium.com article on using the AWS Cognito built in sign-in and sign-up content. Demonstrates a React router implementation of the callback endpoint, a Redux based credential store, as well as use of the AWS provided libraries.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 77.6%
  • HTML 14.1%
  • CSS 8.3%