https://github.com/corbado/example-passkeys-react

This is a sample repository of a React app that offers passkey authentication.
https://github.com/corbado/example-passkeys-react

faceid fido2 javascript passkey passkeys react touchid webauthn

Last synced: 28 days ago
JSON representation

This is a sample repository of a React app that offers passkey authentication.

• Host: GitHub
• URL: https://github.com/corbado/example-passkeys-react
• Owner: corbado
• License: mit
• Created: 2023-07-31T05:57:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-17T09:10:33.000Z (2 months ago)
• Last Synced: 2024-10-19T15:29:28.241Z (2 months ago)
• Topics: faceid, fido2, javascript, passkey, passkeys, react, touchid, webauthn
• Language: JavaScript
• Homepage: https://www.corbado.com/passkeys/react
• Size: 717 KB
• Stars: 17
• Watchers: 5
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Passkey-First Authentication Example with Corbado

This is a sample implementation of the Corbado web component being integrated into a web application built with React.

Please see the [full blog post](https://www.corbado.com/blog/react-passkeys) to understand all the required steps to integrate passkeys into React apps.

## File structure

- `src/App.js`: routing for the React web app

- `src/Home.js`: component for the sign up / login screen

- `src/Profile.js`: :component for the user profile information that is shown after successful authentication

- `.env`: add Corbado project id as environment variables that you can obtain

  from [Corbado developer panel](https://app.corbado.com/signin#register)

## Setup

### Prerequisites

Please follow the steps in [Getting started](https://docs.corbado.com/overview/getting-started) to create and configure

a project in the [Corbado developer panel](https://app.corbado.com/signin#register).

You need to have [Node](https://nodejs.org/en/download) and `npm` installed to run it.

## Usage

Run

```bash

npm i

```

to install all dependencies.

Finally, you can run the project locally with

```bash

export REACT_APP_CORBADO_PROJECT_ID=

npm start

```