Files
heval/auth-app-backup
2025-07-15 20:38:04 +02:00
..
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00
2025-07-15 20:38:04 +02:00

React Native Authentication App

Eine vollständige React Native Authentifizierungs-App mit SQLite-Datenbank, biometrischer Authentifizierung (Face ID/Touch ID) und lokaler Speicherung.

Features

  • Benutzerregistrierung und -anmeldung
  • SQLite Datenbank für lokale Benutzerdatenspeicherung
  • Face ID / Touch ID Unterstützung für iOS
  • AsyncStorage für Session-Management
  • Automatische Anmeldung mit biometrischen Daten
  • Schöne, moderne UI mit TypeScript
  • Navigation zwischen verschiedenen Screens
  • Willkommensseite nach erfolgreicher Anmeldung

Installation

1. Dependencies installieren

npm install

2. iOS Setup (für Face ID/Touch ID)

cd ios && pod install && cd ..

3. Permissions in Info.plist hinzufügen (iOS)

Fügen Sie diese Zeilen in ios/YourApp/Info.plist hinzu:

<key>NSFaceIDUsageDescription</key>
<string>Diese App verwendet Face ID für sichere Authentifizierung.</string>

4. Android Setup

Für Android Touch ID/Fingerprint, fügen Sie diese Permissions in android/app/src/main/AndroidManifest.xml hinzu:

<uses-permission android:name="android.permission.USE_FINGERPRINT" />
<uses-permission android:name="android.permission.USE_BIOMETRIC" />

Project Structure

auth-app
├── src
│   ├── components
│   │   ├── LoginForm.tsx
│   │   ├── RegisterForm.tsx
│   │   └── WelcomeScreen.tsx
│   ├── screens
│   │   ├── AuthScreen.tsx
│   │   ├── LoginScreen.tsx
│   │   ├── RegisterScreen.tsx
│   │   └── WelcomeScreen.tsx
│   ├── services
│   │   ├── database.ts
│   │   ├── auth.ts
│   │   └── biometrics.ts
│   ├── navigation
│   │   └── AppNavigator.tsx
│   ├── utils
│   │   └── storage.ts
│   └── types
│       └── index.ts
├── App.tsx
├── package.json
├── tsconfig.json
├── metro.config.js
└── react-native.config.js

Installation

  1. Clone the repository:

    git clone <repository-url>
    cd auth-app
    
  2. Install dependencies:

    npm install
    
  3. Run the application:

    npm start
    

Usage

  • Navigate to the login or registration screen to create a new account or log in.
  • After successful authentication, you will be redirected to the welcome screen.
  • If you are using an iOS device, you can enable FaceID for a quicker login experience.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License.