Intentbase UI Auth

UI React components for Log in, Register and Forgot password,
to use with auth providers like Cognito.

Created by Intent

intentbase-ui-auth.chromatic.com

---

Table of Contents

• About
• Getting started
  • Prerequisites
  • Installation
  • Prepare and fill secrets
  • Running the app
• Conventional Commits
• Available scripts
• Useful docs
• License

About

UI React components for Log in, Register and Forgot password, to use with auth providers like Cognito

Getting started

Prerequisites

• Node.js >= 12
• Yarn >=1.22

Installation

yarn install

Prepare and fill secrets

Copy and paste .env.example into .env and fill all secrets.

Important Note: AWS secrets must be filled before starting storybook.

Secret	Description	Default
NODE_ENV	Define current environment	-
AWS_COGNITO_REGION		eu-west-1
AWS_COGNITO_USER_POOL_ID		-
AWS_COGNITO_USER_POOL_CLIENT_ID		-

Running the app

yarn storybook

Conventional Commits

Commitlint checks if your commit messages meet the conventional commit format.

Example:

feat(blog): add comment section

Common types according to commitlint-config-conventional (based on the Angular convention) can be: conventional-commit-types.

Available scripts

To run script, in terminal type yarn {script}.

Script	Description	Note
prepublish	Builds components	It runs automatically before every publish
preinstall	Checks is yarn was used package manager	It runs automatically before every install
start	Starts app locally
clean	Removes build directory if it exists
build	Builds app
serve	Serves locally app from build directory	Before serve, run yarn build
test	Runs test for utils and helpers
type-check	Checks TypeScript types
format:check	Checks prettier rules
format	Fix prettier
lint	Fix linter
lint:check	Checks linter rules

Publishing

npm publish --access=public

Useful docs

• Create React App
• AWS Amplify Auth
• Styled-components
• Storybook
• Docusaurus

License

Copyright 2020 Intent. Licensed under the MIT license.