Selfie sign in process

Overview

Proof of concept implementation of sign in with selfie. User can create account by submitting their faces of different angles for training the AI model (AWS Rekognition) and then simply use their face for login.

Pre-requisites

1. Install AWS cli locally https://docs.aws.amazon.com/cli/v1/userguide/install-macos.html

2. Configure AWS

   • AWS CLI Configuration

   • Enviroment Varibles. These variables can be used in Production mode in the deployment platforms such as vercel.

Run the app

pnpm run dev

Build the app

pnpm run build

Preview the production build

pnpm run start

Project seed preparation

1. Project seed(initial project modules and tools configuration, working prototype) initialized with the v0.dev chat
2. Used Grok 4 to modularize and to use xstate state machines to cleanly separate logic and UI since it involves user media devices (camera) and complex flows that can easily clutter the code
3. Cursor IDE(free version) for local tweaks
4. Vercel for deployment
5. AWS Rekognition for real face recognition trained model
6. Biomejs for consistent format and code styling

Play with the state machines simulation at stately.ai

Creat Account Flow

Sign In Flow

Watch the simple walk through

Use 2x speed if needed

P.S: Who owns youtube-nocookie? Google LLC (https://www.whois.com/whois/youtube-nocookie.com)