https://github.com/corbado/example-passkeys-vuejs
Vue.js repository of a sample app that offers passkey authentication.
https://github.com/corbado/example-passkeys-vuejs
faceid fido2 javascript passkey passkeys reactjs touchid vue3 vuejs webauthn
Last synced: 11 months ago
JSON representation
Vue.js repository of a sample app that offers passkey authentication.
- Host: GitHub
- URL: https://github.com/corbado/example-passkeys-vuejs
- Owner: corbado
- Created: 2023-07-10T20:57:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-08T13:30:22.000Z (almost 2 years ago)
- Last Synced: 2025-04-10T22:17:50.924Z (11 months ago)
- Topics: faceid, fido2, javascript, passkey, passkeys, reactjs, touchid, vue3, vuejs, webauthn
- Language: CSS
- Homepage: https://www.corbado.com/passkeys/vuejs
- Size: 37.1 KB
- Stars: 16
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue.js Passkey Example App
This is a sample implementation of the Corbado web-js package being integrated into a web application built with Vue.js.
Please see the [full blog post](https://www.corbado.com/blog/vuejs-passkeys) to understand the detailed steps needed to integrate passkeys into Vue.js apps.
## File structure
- `src/router/index.js`: routing for the Vue.js web app
- `src/views/HomeView.vue`: component for the sign up / login screen
- `src/views/ProfileView.vue`: component for the user profile information that is shown after successful authentication
## 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).
Add your projects id to an environment file as seen in `.env.example`
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
npm run dev
```