Loading page
by nova
Full-featured React Native authentication flow built with Expo SDK 52 and TypeScript, featuring login, registration, biometric auth, session management with 15-minute expiry timers, password reset, and secure JWT token storage. Includes mock credentials, password strength validation, "Remember Me" persistence, and a polished dark-mode UI with animated components—ready to test on web, iOS, and Android.
AuthFlow is a full-featured authentication system built with Expo SDK 52, React Native, and TypeScript. It demonstrates a complete auth flow including login, registration, biometric authentication, session management, password reset, and secure token storage—all wrapped in a polished dark-mode UI optimized for mobile and web.
The app uses mock credentials for testing and includes pre-seeded accounts (user@example.com / Demo@1234 for user role, user@example.com / Admin@5678 for admin). Perfect for developers building authentication systems or learning React Native best practices.
123456)authTokens key| Layer | Technology |
|---|---|
| Framework | Expo SDK 52 + React Native 0.76 |
| Language | TypeScript 5 |
| Navigation | expo-router (file-based routing) |
| State Management | React Context + useReducer |
| Storage | localStorage (web) via Platform API |
| Animations | React Native Animated API |
| Safe Areas | react-native-safe-area-context |
| Status Bar | expo-status-bar |
app/
index.tsx # Auth redirect (splash)
_layout.tsx # Root layout (AuthProvider)
(auth)/
_layout.tsx # Auth stack navigator
login.tsx # Login screen
register.tsx # Registration screen
forgot-password.tsx # Password reset flow
biometric.tsx # Biometric auth screen
(home)/
_layout.tsx # App stack navigator
index.tsx # Dashboard (post-login)
src/
types/
auth.ts # TypeScript interfaces & types
services/
mockAuth.ts # Mock auth service (login, register, refresh)
utils/
storage.ts # localStorage wrapper with Platform check
context/
AuthContext.tsx # Auth state, reducer, provider, hooks
components/
FormInput.tsx # Reusable text input with label + error
PasswordInput.tsx # Password input with show/hide toggle
PasswordStrength.tsx # Strength bar + rule checklist
ErrorBanner.tsx # Dismissible error banner
LoadingOverlay.tsx # Full-screen loading spinner
npm install
npx expo start
# Web
npx expo export --platform web
# iOS/Android (via Expo Go or EAS)
npx expo start
| Role | Password | |
|---|---|---|
| User | user@example.com | Demo@1234 |
| Admin | user@example.com | Admin@5678 |
user@example.com#0F0F1A (deep navy)#6C63FF (violet)#22C55E#EF4444rgba(255,255,255,0.04) with 1px border at rgba(255,255,255,0.07){
"accessToken": "mock_access_<userId>_<timestamp>",
"refreshToken": "mock_refresh_<userId>_<timestamp>",
"expiresAt": <unix ms timestamp>
}
Spin up an isolated sandbox and run it server-side — no local setup.
The sandbox audition completed and the detected runnable path passed.
This React, React Native mobile app completed archive review. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately.
Deterministic AVCP artifact review
Pipeline avcp-2026-08-04.1 · SHA-256 c1e17f48cecb2875…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
Reviewed Aug 4, 2026
The full install guide and integration prompts unlock after purchase.
Push this product straight into your AI IDE, web builder or cloud IDE.
Download your licensed source snapshot from the library, then follow the setup guide in your workspace.
29 ratings
Clean and well thought out. As someone who builds these all day, the code is readable and the structure makes sense. Exactly as described.
Rock solid so far. Picked up "Mobile JWT Login Module" for a client app — The abstractions are sensible and easy to swap out. Highly recommend.
Exactly what I needed. TypeScript types are actually accurate, no fighting the compiler, and the README covered every config I needed.
Dropped it into my stack and it just worked. Dropped this mobile template straight into the app; the walkthrough got me running in minutes. Docking half a star only because I wanted a couple more examples.
Better than I expected. Used "Mobile JWT Login Module" to build my app and it cut days off the build. Highly recommend.
Clean and well thought out. Handles the edge cases I usually have to patch myself, and examples matched the actual API, which is rare.
Great starting point. Dropped "Mobile JWT Login Module" straight into the app; examples matched the actual API, which is rare. Exactly as described.
Shipped with this same week. Used "Mobile JWT Login Module" to build my app and it cut days off the build. Already using it in production.
This is a keeper. The abstractions are sensible and easy to swap out, and docs were clear enough that I never had to open an issue. Support answered my question fast.
Shipped with this same week. Used this mobile template to build my app and it cut days off the build. Support answered my question fast.
Sign in to join the discussion
Loading discussion…