112 lines
2.7 KiB
Markdown
112 lines
2.7 KiB
Markdown
# 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.
|