/kratos-selfservice-ui-react-native

A reference implementation of an app using ORY Kratos for auth (login), sign up (registration), profile settings (update password), MFA/2FA, account recovery (password reset), and more for React Native. This repository is available as an expo template!

Primary LanguageTypeScriptApache License 2.0Apache-2.0

ORY Kratos React Native Self-Service UI Reference

This is an exemplary Self Service UI for ORY Kratos Self Service features:

  • Registration
  • Login
  • Logout
  • User settings
    • Update profile
    • Change password

Additionally:

  • Dashboard (requires login)

Quickstart

There is an excellent write-up available on implementing Mobile Login with Username / Email and Password in React Native but if you want to go ahead and just try it out, do the following:

  1. Run the ORY Kratos quickstart on your local machine.
  2. Use ngrok to expose the ORY Kratos public port to the public internet (ngrok http 4433).
  3. Install this project's dependencies with npm i.
  4. Use the resulting URL and start the environment using KRATOS_URL=https://<your-ngrok-id>.ngrok.io npm start. Please note that the Web Interface is not working currently due to security features implemented in ORY Kratos.