Authentication App

Overview

I developed a mobile authentication application using React Native and Expo Router to provide a secure and seamless login experience.

The application implements Firebase Authentication for user sign-in and registration while maintaining a smooth navigation flow between authenticated and unauthenticated screens.

Authentication Flow

The application uses two navigation stacks: an Auth Stack that displays the login screen when a user is not authenticated and a Root Stack that loads the main application once the user successfully signs in.

This architecture ensures that protected screens remain inaccessible unless the user is authenticated.

Persistent Login Experience

To maintain user sessions, the application stores the authentication token securely using AsyncStorage.

When the application launches, it checks for an existing token and automatically restores the user session, allowing users to stay logged in even after restarting the app.

Key Features

• Secure authentication using Firebase Authentication
• Login and registration screens using Expo Router navigation
• Automatic login persistence using AsyncStorage
• Protected routes using conditional navigation stacks
• Clean mobile UI built with NativeWind styling
• Scalable project structure using MVC architecture