Merge pull request #65 from pythonhubdev/feat/ui

feat: Refactor error handling and improve UI components with animations

Author: pythonhubdev

.taskmaster/tasks/tasks.json

@@ -13,7 +13,7 @@
         "id": 2,
         "title": "Modernize the User Interface",
         "description": "Redesign the login, registration, and home pages to be more modern and visually appealing. Adopt a clean design language like Material You, create a consistent theme, and add animations to enhance the user experience.",
-        "status": "pending",
+        "status": "done",
         "priority": "high",
         "dependencies": [
           1
@@ -92,7 +92,7 @@
     ],
     "metadata": {
       "created": "2025-07-21T07:47:36.467Z",
-      "updated": "2025-07-21T10:19:22.468Z",
+      "updated": "2025-07-21T13:00:48.148Z",
       "description": "Tasks for master context"
     }
   }

lib/app.dart

@@ -1,19 +1,74 @@
 import "package:flutter/foundation.dart";
 import "package:flutter/material.dart";
+import "package:flutter/services.dart";
 
-import "Screens/login_page.dart";
+import "core/theme/app_theme.dart";
+import "screens/login_page.dart";
 
 class FirebaseAuthenticationDDD extends StatelessWidget {
-  const FirebaseAuthenticationDDD({Key? key}) : super(key: key);
+  const FirebaseAuthenticationDDD({super.key});
 
   @override
   Widget build(BuildContext context) {
+    // Set system UI overlay style
+    SystemChrome.setSystemUIOverlayStyle(
+      const SystemUiOverlayStyle(
+        statusBarColor: Colors.transparent,
+        statusBarIconBrightness: Brightness.dark,
+        statusBarBrightness: Brightness.light,
+        systemNavigationBarColor: Colors.transparent,
+        systemNavigationBarDividerColor: Colors.transparent,
+        systemNavigationBarIconBrightness: Brightness.dark,
+      ),
+    );
+
     return MaterialApp(
+      title: "Firebase Auth DDD",
       debugShowCheckedModeBanner: kDebugMode,
-      theme: ThemeData(
-        useMaterial3: true,
-      ),
+
+      // Apply our modern Material You theme system
+      theme: AppTheme.lightTheme,
+      darkTheme: AppTheme.darkTheme,
+      themeMode: ThemeMode.system,
+
+      // Improved route transitions
+      onGenerateRoute: (settings) {
+        switch (settings.name) {
+          case "/":
+            return _createRoute(LoginPage());
+          default:
+            return _createRoute(LoginPage());
+        }
+      },
+
       home: LoginPage(),
     );
   }
+
+  // Custom page route with smooth transitions
+  PageRoute _createRoute(Widget page) {
+    return PageRouteBuilder(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const begin = Offset(0.0, 0.1);
+        const end = Offset.zero;
+        const curve = Curves.easeOutCubic;
+
+        var tween = Tween(begin: begin, end: end).chain(CurveTween(curve: curve));
+
+        var fadeAnimation = Tween(begin: 0.0, end: 1.0).animate(
+          CurvedAnimation(parent: animation, curve: curve),
+        );
+
+        return SlideTransition(
+          position: animation.drive(tween),
+          child: FadeTransition(
+            opacity: fadeAnimation,
+            child: child,
+          ),
+        );
+      },
+      transitionDuration: const Duration(milliseconds: 400),
+    );
+  }
 }

lib/application/authentication/auth_events.dart

@@ -4,15 +4,11 @@ part "auth_events.freezed.dart";
 
 @freezed
 class AuthEvents with _$AuthEvents {
-  const factory AuthEvents.emailChanged({required String? email}) =
-      EmailChanged;
+  const factory AuthEvents.emailChanged({required String? email}) = EmailChanged;
 
-  const factory AuthEvents.passwordChanged({required String? password}) =
-      PasswordChanged;
+  const factory AuthEvents.passwordChanged({required String? password}) = PasswordChanged;
 
-  const factory AuthEvents.signUpWithEmailAndPasswordPressed() =
-      SignUPWithEmailAndPasswordPressed;
+  const factory AuthEvents.signUpWithEmailAndPasswordPressed() = SignUPWithEmailAndPasswordPressed;
 
-  const factory AuthEvents.signInWithEmailAndPasswordPressed() =
-      SignInWithEmailAndPasswordPressed;
+  const factory AuthEvents.signInWithEmailAndPasswordPressed() = SignInWithEmailAndPasswordPressed;
 }

lib/application/authentication/auth_events.freezed.dart

@@ -73,8 +73,7 @@ class AuthStateController extends Notifier<AuthStates> {
   }
 
   Future<void> _performAuthAction(
-    Future<Either<AuthFailures, Unit>> Function(
-            {required EmailAddress emailAddress, required Password password})
+    Future<Either<AuthFailures, Unit>> Function({required EmailAddress emailAddress, required Password password})
         forwardCall,
   ) async {
     final isEmailValid = state.emailAddress.isValid();