Kratos Selfservice UI React Native

screenshot of Kratos Selfservice UI React Native
react
react-native
styled-components

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!

Overview

Ory Kratos React Native Self-Service UI Reference is a powerful framework designed to streamline user management in mobile applications. This tool caters to essential self-service features like registration, login, and user profile management, making it a comprehensive solution for developers looking to implement user authentication with ease. By leveraging React Native, it provides a seamless integration that enhances the user experience on mobile devices.

The flexibility of Ory Kratos allows for customization and scalability, ensuring that it meets the diverse needs of various applications. With a clear quickstart guide to get you up and running, this self-service UI is an attractive option for developers aiming to implement rapid user management features in their apps.

Features

  • Registration: Enables users to create accounts with a smooth and user-friendly process.
  • Login: Secure login functionality supports email/username and password for authentication.
  • Logout: Provides a straightforward logout option to ensure user account security.
  • User Settings: Allows users to manage their preferences and personal settings easily.
  • Update Profile: Users can seamlessly update their profile information whenever needed.
  • Change Password: Offers a secure method for users to change their passwords, enhancing account safety.
  • Dashboard: After login, users have access to a dashboard for overview and management (login required).
  • Quickstart Guide: An excellent write-up guides developers through the initial setup and implementation process to get started quickly.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.