# 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

```bash
npm install
```

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

```bash
cd ios && pod install && cd ..
```

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

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

```xml
<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:

```xml
<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.