initialized Splash UI

initialized Login UI
initialized Home(no Devices) UI
Added Colors (from syncrow website)
Added Logo

lib/features/auth/auth_provider.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/auth/models/user_model.dart';
+
+class AuthProvider extends ChangeNotifier {
+  // todo remove temp user
+  UserModel user = UserModel(
+    id: '1',
+    name: 'John Doe',
+    email: '',
+    photoUrl: '',
+    isAgreementAccepted: false,
+    isAnonymous: false,
+    isEmailVerified: false,
+    phoneNumber: '',
+  );
+}

lib/features/auth/auth_view.dart

@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:provider/provider.dart';
+import 'package:syncrow_app/features/home/widgets/syncrow_logo.dart';
+import 'package:syncrow_app/features/shared_widgets/default_text_button.dart';
+import 'package:syncrow_app/navigation/route_manager.dart';
+
+import '../../navigation/routing_constants.dart';
+import 'auth_provider.dart';
+
+class AuthPage extends StatelessWidget {
+  const AuthPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ChangeNotifierProvider(
+      create: (BuildContext context) => AuthProvider(),
+      builder: (context, child) => Scaffold(
+        body: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 40.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              const Expanded(child: SizedBox()),
+              const SyncrowLogo(),
+              const Expanded(flex: 2, child: SizedBox()),
+              DefaultTextButton(
+                text: 'Login',
+                onPressed: () {
+                  RouteManager().routerManagerPopAndPushNamed(
+                    routeName: Routes.homeRoute,
+                    context: context,
+                  );
+                },
+                isPrimary: true,
+              ),
+              const Gap(15),
+              const DefaultTextButton(text: 'Sign Up'),
+              const Gap(20),
+              Center(
+                child: InkWell(
+                  onTap: () {},
+                  child: const Text(
+                    'Try as a Guest',
+                    style: TextStyle(
+                      color: Colors.grey,
+                    ),
+                  ),
+                ),
+              ),
+              const Gap(30),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/auth/models/user_model.dart

@@ -0,0 +1,51 @@
+class UserModel {
+  final String? id;
+  final String? email;
+  final String? name;
+  final String? photoUrl;
+
+  final String? phoneNumber;
+
+  final bool? isAnonymous;
+
+  final bool? isEmailVerified;
+
+  final bool? isAgreementAccepted;
+
+  UserModel({
+    required this.id,
+    required this.email,
+    required this.name,
+    required this.photoUrl,
+    required this.phoneNumber,
+    required this.isAnonymous,
+    required this.isEmailVerified,
+    required this.isAgreementAccepted,
+  });
+
+  factory UserModel.fromJson(Map<String, dynamic> json) {
+    return UserModel(
+      id: json['id'],
+      email: json['email'],
+      name: json['name'],
+      photoUrl: json['photoUrl'],
+      phoneNumber: json['phoneNumber'],
+      isAnonymous: json['isAnonymous'],
+      isEmailVerified: json['isEmailVerified'],
+      isAgreementAccepted: json['isAgreementAccepted'],
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'email': email,
+      'name': name,
+      'photoUrl': photoUrl,
+      'phoneNumber': phoneNumber,
+      'isAnonymous': isAnonymous,
+      'isEmailVerified': isEmailVerified,
+      'isAgreementAccepted': isAgreementAccepted,
+    };
+  }
+}

lib/features/auth/provider/auth_provider.dart

@@ -1,3 +0,0 @@
-import 'package:flutter/material.dart';
-
-class AuthProvider extends ChangeNotifier {}

lib/features/auth/view/auth_view.dart

@@ -1,22 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:provider/provider.dart';
-
-import '../provider/auth_provider.dart';
-
-class AuthView extends StatelessWidget {
-  const AuthView({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return ChangeNotifierProvider(
-      create: (BuildContext context) => AuthProvider(),
-      builder: (context, child) => _buildPage(context),
-    );
-  }
-
-  Widget _buildPage(BuildContext context) {
-    final provider = context.read<AuthProvider>();
-
-    return Container();
-  }
-}

lib/features/home/home_provider.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/home/model/device_model.dart';
 import 'package:syncrow_app/features/profile/profile_view.dart';
 import 'package:syncrow_app/features/scene/scene_view.dart';
 import 'package:syncrow_app/features/smart/smart_view.dart';
@@ -16,12 +17,14 @@ class HomeProvider extends ChangeNotifier {
 
   static int pageIndex = 0;
 
-  Future<List<String>> getDevices() async {
+  var devices = <DeviceModel>[];
+
+  Future<List<DeviceModel>> getDevices() async {
     state.setLoading();
     await Future.delayed(const Duration(seconds: 2));
     state.setSuccess();
     notifyListeners();
-    return <String>[];
+    return devices = [];
   }
 
   Map<String, List<Widget>> appBarActions = {
@@ -66,7 +69,7 @@ class HomeProvider extends ChangeNotifier {
     const ProfilePage(),
   ];
 
-  Widget currentPage() {
+  Widget getCurrentPage() {
     notifyListeners();
 
     return pages[pageIndex];

lib/features/home/home_view.dart

@@ -18,7 +18,7 @@ class HomePage extends StatelessWidget {
             appBar: const DefaultAppBar(),
             body: provider.state.loading
                 ? const Center(child: CircularProgressIndicator())
-                : provider.currentPage(),
+                : provider.getCurrentPage(),
             bottomNavigationBar: const DefaultNavBar(),
           );
         },

lib/features/home/model/device_model.dart

@@ -0,0 +1 @@
+class DeviceModel {}

lib/features/home/widgets/default_app_bar.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:syncrow_app/features/home/widgets/syncrow_logo.dart';
+import 'package:syncrow_app/resource_manager/color_manager.dart';
 
 import '../home_provider.dart';
 
@@ -11,14 +13,15 @@ class DefaultAppBar extends StatelessWidget implements PreferredSizeWidget {
     return Consumer<HomeProvider>(
       builder: (context, provider, child) {
         return AppBar(
-          title: const Text('Syncrow'),
+          title: const SyncrowLogo(),
           actions: <Widget>[
             IconButton(
               icon: const Icon(Icons.mic),
               onPressed: () {},
             ),
             IconButton(
-              icon: const Icon(Icons.add_circle),
+              icon: const Icon(Icons.add_circle,
+                  color: ColorsManager.primaryColor),
               onPressed: () {},
             ),
           ],

lib/features/home/widgets/home_view_body.dart

@@ -1,4 +1,9 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:provider/provider.dart';
+import 'package:syncrow_app/features/home/home_provider.dart';
+import 'package:syncrow_app/features/shared_widgets/default_text_button.dart';
+import 'package:syncrow_app/resource_manager/assets_manager.dart';
 
 class HomeViewBody extends StatelessWidget {
   const HomeViewBody({
@@ -7,8 +12,40 @@ class HomeViewBody extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Center(
-      child: Text('Home'),
+    return ChangeNotifierProvider(
+      create: (BuildContext context) => HomeProvider(),
+      child: Consumer<HomeProvider>(
+        builder: (context, provider, child) {
+          return provider.devices.isEmpty
+              ? Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Image.asset(
+                        ImageManager.boxEmpty,
+                        opacity: const AlwaysStoppedAnimation(0.5),
+                        scale: 1,
+                        width: 140,
+                      ),
+                      const Gap(15),
+                      const Text(
+                        'No Devices',
+                        style: TextStyle(
+                          color: Colors.grey,
+                          fontSize: 18,
+                        ),
+                      ),
+                      const Gap(15),
+                      const DefaultTextButton(
+                        text: 'Add Device',
+                        isPrimary: true,
+                      ),
+                    ],
+                  ),
+                )
+              : const SizedBox();
+        },
+      ),
     );
   }
 }

lib/features/home/widgets/syncrow_logo.dart

@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/resource_manager/assets_manager.dart';
+
+class SyncrowLogo extends StatelessWidget {
+  const SyncrowLogo({
+    super.key,
+    this.isDark = true,
+    this.width = 150,
+  });
+
+  final bool isDark;
+
+  final double width;
+
+  @override
+  Widget build(BuildContext context) {
+    return Image.asset(isDark ? ImageManager.blackLogo : ImageManager.whiteLogo,
+        scale: 1, width: width);
+  }
+}

lib/features/shared_widgets/default_text_button.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/resource_manager/color_manager.dart';
+
+class DefaultTextButton extends StatelessWidget {
+  const DefaultTextButton({
+    super.key,
+    this.onPressed,
+    required this.text,
+    this.isPrimary = false,
+  });
+
+  final void Function()? onPressed;
+  final String text;
+
+  final bool isPrimary;
+
+  @override
+  Widget build(BuildContext context) {
+    return TextButton(
+      onPressed: onPressed,
+      style: isPrimary
+          ? ButtonStyle(
+              backgroundColor:
+                  MaterialStateProperty.all(ColorsManager.primaryColor),
+              shape: MaterialStateProperty.all(
+                RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+            )
+          : null,
+      child: Text(
+        text,
+        style: TextStyle(color: isPrimary ? Colors.white : Colors.black),
+      ),
+    );
+  }
+}

lib/features/splash/splash_view.dart

@@ -1,12 +1,21 @@
 import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/splash/user_agreement_dialog.dart';
 import 'package:syncrow_app/navigation/route_manager.dart';
 import 'package:syncrow_app/navigation/routing_constants.dart';
+import 'package:syncrow_app/resource_manager/assets_manager.dart';
 
 class SplashView extends StatelessWidget {
   const SplashView({super.key});
 
   @override
   Widget build(BuildContext context) {
+    //TODO Remove delay
+    // Future.delayed(const Duration(seconds: 5), () {
+    //   RouteManager().routerManagerPushUntil(
+    //     context,
+    //     routeName: Routes.homeRoute,
+    //   );
+    // });
     return Scaffold(
       appBar: AppBar(
         actions: [
@@ -14,15 +23,23 @@ class SplashView extends StatelessWidget {
             icon: const Icon(Icons.arrow_forward),
             onPressed: () {
               RouteManager().routerManagerPopAndPushNamed(
-                routeName: Routes.homeRoute,
+                routeName: Routes.authRoute,
                 context: context,
               );
             },
           ),
         ],
       ),
-      body: const Center(
-        child: Text('Splash Screen'),
+      body: Center(
+        child: InkWell(
+            //TODO check if user agreement is accepted
+            onTap: () {
+              showDialog(
+                context: context,
+                builder: (context) => const UserAgreementDialog(),
+              );
+            },
+            child: Image.asset(ImageManager.blackLogo)),
       ),
     );
   }

lib/features/splash/user_agreement_dialog.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/shared_widgets/default_text_button.dart';
+
+class UserAgreementDialog extends StatelessWidget {
+  const UserAgreementDialog({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      elevation: 40,
+      title: const Text('User Agreement'),
+      content:
+          const Text('By using this app you agree to the terms and conditions'),
+      actions: [
+        DefaultTextButton(
+          text: 'I Agree',
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+          isPrimary: true,
+        ),
+        DefaultTextButton(
+          text: 'I Disagree',
+          onPressed: () => Navigator.of(context).pop(),
+        ),
+      ],
+    );
+  }
+}