https://github.com/allancalix/kratos-ui

A ReScript React implementation of Kratos browser authentication flows.
https://github.com/allancalix/kratos-ui

authentication kratos rescript rescript-react spa ui

Last synced: 12 days ago
JSON representation

A ReScript React implementation of Kratos browser authentication flows.

• Host: GitHub
• URL: https://github.com/allancalix/kratos-ui
• Owner: allancalix
• License: mit
• Created: 2021-06-02T07:43:31.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-11-03T05:20:24.000Z (over 3 years ago)
• Last Synced: 2025-03-29T16:05:39.754Z (about 1 month ago)
• Topics: authentication, kratos, rescript, rescript-react, spa, ui
• Language: JavaScript
• Homepage:
• Size: 1.13 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ory - Ory Kratos Rescript React UI SPA
• awesome-ory - Ory Kratos Rescript React UI SPA

README

        
# ReScript React Kratos UI

A SPA (single page application) implementation of the browser-based flows for

[Kratos.](https://github.com/ory/kratos) Currently, the UI implements the login,

logout, registration, and recovery flows. Rather than using redirects, this

implementation leverages Kratos AJAX support to initialize flows.

## Tour

### Login

`/login`

![login](docs/img/login.png)

### Registration

`/register`

![login](docs/img/register.png)

### Recovery

`/recovery`

![login](docs/img/recovery.png)

### Landing

`/`

![login](docs/img/landing.png)

### Try it yourself

```sh

# Start backends to run UI against. This includes:

#   * Kratos

#   * Postgres - datastore for Kratos data

#   * Mailslurper - a test email server for routing recovery emails

#

# Optionally add `-d` flag in order to detach and run in the background.

docker-compose -f kratos/docker-compose-backends.yaml up --build --force-recreate

# Terminal 1 start ReScript compiler file watcher

npm run re:start

# Terminal 2 start parcel to bundle and serve UI

npm run serve

```

## Not Implemented

* Admin UI for managing Kratos assets.

* Account management pages for user self-serve account updates.