Anmeldung und Kalendar
This commit is contained in:
111
auth-app-backup/README.md
Normal file
111
auth-app-backup/README.md
Normal file
@@ -0,0 +1,111 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user