Complete passkeys integration example for React with Corbado

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

File structure

src/index.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

Please follow the steps in Getting started to create and configure a project in the Corbado developer panel.

You need to have Node and npm installed to run it.

Run

npm i

to install all dependencies.

Finally, you can run the project locally with

npm start