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
-
Clone the repository:
git clone <repository-url> cd auth-app -
Install dependencies:
npm install -
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.