aggiunto schermate login e register

# Conflicts:
#	lib/main.dart

android/build.gradle

@@ -7,6 +7,9 @@ buildscript {
 
     dependencies {
         classpath 'com.android.tools.build:gradle:7.3.0'
+        // START: FlutterFire Configuration
+        classpath 'com.google.gms:google-services:4.3.10'
+        // END: FlutterFire Configuration
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
     }
 }

ios/Flutter/Debug.xcconfig

@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"

ios/Flutter/Release.xcconfig

@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"

ios/Podfile

@@ -0,0 +1,44 @@
+# Uncomment this line to define a global platform for your project
+# platform :ios, '11.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_ios_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_ios_build_settings(target)
+  end
+end

ios/Runner.xcodeproj/project.pbxproj

@@ -8,12 +8,13 @@
 
 /* Begin PBXBuildFile section */
 		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
+		331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C807B294A618700263BE5 /* RunnerTests.swift */; };
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
+		59B838D7BCD1FCB0EF703652 /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = 543BBA514F0FE7A2C874CB88 /* GoogleService-Info.plist */; };
 		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
-		331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C807B294A618700263BE5 /* RunnerTests.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -42,7 +43,10 @@
 /* Begin PBXFileReference section */
 		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
 		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
+		331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
+		331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
+		543BBA514F0FE7A2C874CB88 /* GoogleService-Info.plist */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.plist.xml; name = "GoogleService-Info.plist"; path = "Runner/GoogleService-Info.plist"; sourceTree = "<group>"; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
@@ -53,8 +57,6 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
-		331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
-		331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -68,6 +70,14 @@
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		331C8082294A63A400263BE5 /* RunnerTests */ = {
+			isa = PBXGroup;
+			children = (
+				331C807B294A618700263BE5 /* RunnerTests.swift */,
+			);
+			path = RunnerTests;
+			sourceTree = "<group>";
+		};
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
@@ -79,14 +89,6 @@
 			name = Flutter;
 			sourceTree = "<group>";
 		};
-		331C8082294A63A400263BE5 /* RunnerTests */ = {
-			isa = PBXGroup;
-			children = (
-				331C807B294A618700263BE5 /* RunnerTests.swift */,
-			);
-			path = RunnerTests;
-			sourceTree = "<group>";
-		};
 		97C146E51CF9000F007C117D = {
 			isa = PBXGroup;
 			children = (
@@ -94,6 +96,7 @@
 				97C146F01CF9000F007C117D /* Runner */,
 				97C146EF1CF9000F007C117D /* Products */,
 				331C8082294A63A400263BE5 /* RunnerTests */,
+				543BBA514F0FE7A2C874CB88 /* GoogleService-Info.plist */,
 			);
 			sourceTree = "<group>";
 		};
@@ -129,7 +132,6 @@
 			buildConfigurationList = 331C8087294A63A400263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
 			buildPhases = (
 				331C807D294A63A400263BE5 /* Sources */,
-				331C807E294A63A400263BE5 /* Frameworks */,
 				331C807F294A63A400263BE5 /* Resources */,
 			);
 			buildRules = (
@@ -217,6 +219,7 @@
 				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
 				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
 				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
+				59B838D7BCD1FCB0EF703652 /* GoogleService-Info.plist in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -377,7 +380,6 @@
 		};
 		331C8088294A63A400263BE5 /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = AE0B7B92F70575B8D7E0D07E /* Pods-RunnerTests.debug.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -395,7 +397,6 @@
 		};
 		331C8089294A63A400263BE5 /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 89B67EB44CE7B6631473024E /* Pods-RunnerTests.release.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -411,7 +412,6 @@
 		};
 		331C808A294A63A400263BE5 /* Profile */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 640959BDD8F10B91D80A66BE /* Pods-RunnerTests.profile.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;

ios/Runner/GoogleService-Info.plist

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+        <key>AD_UNIT_ID_FOR_BANNER_TEST</key>
+        <string>ca-app-pub-3940256099942544/2934735716</string>
+        <key>AD_UNIT_ID_FOR_INTERSTITIAL_TEST</key>
+        <string>ca-app-pub-3940256099942544/4411468910</string>
+        <key>CLIENT_ID</key>
+        <string>test-do-not-use.apps.googleusercontent.com</string>
+        <key>REVERSED_CLIENT_ID</key>
+        <string>com.googleusercontent.apps.test-do-not-use</string>
+        <key>API_KEY</key>
+        <string>000000000000000000000000000000000000000</string>
+        <key>GCM_SENDER_ID</key>
+        <string>999999999999</string>
+        <key>PLIST_VERSION</key>
+        <string>1</string>
+        <key>BUNDLE_ID</key>
+        <string>com.google.example.BannerExample</string>
+        <key>IS_ADS_ENABLED</key>
+        <true/>
+        <key>IS_ANALYTICS_ENABLED</key>
+        <false/>
+        <key>IS_APPINVITE_ENABLED</key>
+        <false/>
+        <key>IS_GCM_ENABLED</key>
+        <true/>
+        <key>IS_SIGNIN_ENABLED</key>
+        <true/>
+        <key>GOOGLE_APP_ID</key>
+        <string>1:999999999999:ios:0000000000000000</string>
+        <key>DATABASE_URL</key>
+        <string>https://test-do-not-use.firebaseio.com</string>
+</dict>
+</plist>
+

ios/firebase_app_id_file.json

@@ -0,0 +1,7 @@
+{
+  "file_generated_by": "FlutterFire CLI",
+  "purpose": "FirebaseAppID & ProjectID for this Firebase app in this directory",
+  "GOOGLE_APP_ID": "1:23966937248:ios:d7915a6ac5618efeb599c5",
+  "FIREBASE_PROJECT_ID": "m-335-3d14b",
+  "GCM_SENDER_ID": "23966937248"
+}

lib/color_palettes_screen.dart

@@ -0,0 +1,339 @@
+// Copyright 2021 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+const Widget divider = SizedBox(height: 10);
+
+// If screen content width is greater or equal to this value, the light and dark
+// color schemes will be displayed in a column. Otherwise, they will
+// be displayed in a row.
+const double narrowScreenWidthThreshold = 400;
+
+class ColorPalettesScreen extends StatelessWidget {
+  const ColorPalettesScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Color selectedColor = Theme.of(context).primaryColor;
+    ThemeData lightTheme = ThemeData(
+      colorSchemeSeed: selectedColor,
+      brightness: Brightness.light,
+    );
+    ThemeData darkTheme = ThemeData(
+      colorSchemeSeed: selectedColor,
+      brightness: Brightness.dark,
+    );
+
+    Widget schemeLabel(String brightness) {
+      return Padding(
+        padding: const EdgeInsets.symmetric(vertical: 15),
+        child: Text(
+          brightness,
+          style: const TextStyle(fontWeight: FontWeight.bold),
+        ),
+      );
+    }
+
+    Widget schemeView(ThemeData theme) {
+      return Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 15),
+        child: ColorSchemeView(
+          colorScheme: theme.colorScheme,
+        ),
+      );
+    }
+
+    Widget dynamicColorNotice() => RichText(
+          textAlign: TextAlign.center,
+          text: TextSpan(
+            style: Theme.of(context).textTheme.bodySmall,
+            children: [
+              const TextSpan(
+                  text: 'To create color schemes based on a '
+                      'platform\'s implementation of dynamic color, '
+                      'use the '),
+              TextSpan(
+                text: 'dynamic_color',
+                style: const TextStyle(decoration: TextDecoration.underline),
+                recognizer: TapGestureRecognizer()
+                  ..onTap = () async {
+                    final url = Uri.parse(
+                      'https://pub.dev/packages/dynamic_color',
+                    );
+                    if (!await launchUrl(url)) {
+                      throw Exception('Could not launch $url');
+                    }
+                  },
+              ),
+              const TextSpan(text: ' package.'),
+            ],
+          ),
+        );
+
+    return Expanded(
+      child: LayoutBuilder(builder: (context, constraints) {
+        if (constraints.maxWidth < narrowScreenWidthThreshold) {
+          return SingleChildScrollView(
+            child: Column(
+              children: [
+                dynamicColorNotice(),
+                divider,
+                schemeLabel('Light ColorScheme'),
+                schemeView(lightTheme),
+                divider,
+                divider,
+                schemeLabel('Dark ColorScheme'),
+                schemeView(darkTheme),
+              ],
+            ),
+          );
+        } else {
+          return SingleChildScrollView(
+            child: Padding(
+              padding: const EdgeInsets.only(top: 5),
+              child: Column(
+                children: [
+                  dynamicColorNotice(),
+                  Row(
+                    children: [
+                      Expanded(
+                        child: Column(
+                          children: [
+                            schemeLabel('Light ColorScheme'),
+                            schemeView(lightTheme),
+                          ],
+                        ),
+                      ),
+                      Expanded(
+                        child: Column(
+                          children: [
+                            schemeLabel('Dark ColorScheme'),
+                            schemeView(darkTheme),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          );
+        }
+      }),
+    );
+  }
+}
+
+class ColorSchemeView extends StatelessWidget {
+  const ColorSchemeView({super.key, required this.colorScheme});
+
+  final ColorScheme colorScheme;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        ColorGroup(children: [
+          ColorChip(
+            label: 'primary',
+            color: colorScheme.primary,
+            onColor: colorScheme.onPrimary,
+          ),
+          ColorChip(
+              label: 'onPrimary',
+              color: colorScheme.onPrimary,
+              onColor: colorScheme.primary),
+          ColorChip(
+            label: 'primaryContainer',
+            color: colorScheme.primaryContainer,
+            onColor: colorScheme.onPrimaryContainer,
+          ),
+          ColorChip(
+            label: 'onPrimaryContainer',
+            color: colorScheme.onPrimaryContainer,
+            onColor: colorScheme.primaryContainer,
+          ),
+        ]),
+        divider,
+        ColorGroup(children: [
+          ColorChip(
+            label: 'secondary',
+            color: colorScheme.secondary,
+            onColor: colorScheme.onSecondary,
+          ),
+          ColorChip(
+            label: 'onSecondary',
+            color: colorScheme.onSecondary,
+            onColor: colorScheme.secondary,
+          ),
+          ColorChip(
+            label: 'secondaryContainer',
+            color: colorScheme.secondaryContainer,
+            onColor: colorScheme.onSecondaryContainer,
+          ),
+          ColorChip(
+              label: 'onSecondaryContainer',
+              color: colorScheme.onSecondaryContainer,
+              onColor: colorScheme.secondaryContainer),
+        ]),
+        divider,
+        ColorGroup(
+          children: [
+            ColorChip(
+                label: 'tertiary',
+                color: colorScheme.tertiary,
+                onColor: colorScheme.onTertiary),
+            ColorChip(
+                label: 'onTertiary',
+                color: colorScheme.onTertiary,
+                onColor: colorScheme.tertiary),
+            ColorChip(
+                label: 'tertiaryContainer',
+                color: colorScheme.tertiaryContainer,
+                onColor: colorScheme.onTertiaryContainer),
+            ColorChip(
+                label: 'onTertiaryContainer',
+                color: colorScheme.onTertiaryContainer,
+                onColor: colorScheme.tertiaryContainer),
+          ],
+        ),
+        divider,
+        ColorGroup(
+          children: [
+            ColorChip(
+                label: 'error',
+                color: colorScheme.error,
+                onColor: colorScheme.onError),
+            ColorChip(
+                label: 'onError',
+                color: colorScheme.onError,
+                onColor: colorScheme.error),
+            ColorChip(
+                label: 'errorContainer',
+                color: colorScheme.errorContainer,
+                onColor: colorScheme.onErrorContainer),
+            ColorChip(
+                label: 'onErrorContainer',
+                color: colorScheme.onErrorContainer,
+                onColor: colorScheme.errorContainer),
+          ],
+        ),
+        divider,
+        ColorGroup(
+          children: [
+            ColorChip(
+                label: 'background',
+                color: colorScheme.background,
+                onColor: colorScheme.onBackground),
+            ColorChip(
+                label: 'onBackground',
+                color: colorScheme.onBackground,
+                onColor: colorScheme.background),
+          ],
+        ),
+        divider,
+        ColorGroup(
+          children: [
+            ColorChip(
+                label: 'surface',
+                color: colorScheme.surface,
+                onColor: colorScheme.onSurface),
+            ColorChip(
+                label: 'onSurface',
+                color: colorScheme.onSurface,
+                onColor: colorScheme.surface),
+            ColorChip(
+                label: 'surfaceVariant',
+                color: colorScheme.surfaceVariant,
+                onColor: colorScheme.onSurfaceVariant),
+            ColorChip(
+                label: 'onSurfaceVariant',
+                color: colorScheme.onSurfaceVariant,
+                onColor: colorScheme.surfaceVariant),
+          ],
+        ),
+        divider,
+        ColorGroup(
+          children: [
+            ColorChip(label: 'outline', color: colorScheme.outline),
+            ColorChip(label: 'shadow', color: colorScheme.shadow),
+            ColorChip(
+                label: 'inverseSurface',
+                color: colorScheme.inverseSurface,
+                onColor: colorScheme.onInverseSurface),
+            ColorChip(
+                label: 'onInverseSurface',
+                color: colorScheme.onInverseSurface,
+                onColor: colorScheme.inverseSurface),
+            ColorChip(
+                label: 'inversePrimary',
+                color: colorScheme.inversePrimary,
+                onColor: colorScheme.primary),
+          ],
+        ),
+      ],
+    );
+  }
+}
+
+class ColorGroup extends StatelessWidget {
+  const ColorGroup({super.key, required this.children});
+
+  final List<Widget> children;
+
+  @override
+  Widget build(BuildContext context) {
+    return RepaintBoundary(
+      child: Card(
+        clipBehavior: Clip.antiAlias,
+        child: Column(
+          children: children,
+        ),
+      ),
+    );
+  }
+}
+
+class ColorChip extends StatelessWidget {
+  const ColorChip({
+    super.key,
+    required this.color,
+    required this.label,
+    this.onColor,
+  });
+
+  final Color color;
+  final Color? onColor;
+  final String label;
+
+  static Color contrastColor(Color color) {
+    final brightness = ThemeData.estimateBrightnessForColor(color);
+    switch (brightness) {
+      case Brightness.dark:
+        return Colors.white;
+      case Brightness.light:
+        return Colors.black;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final Color labelColor = onColor ?? contrastColor(color);
+
+    return Container(
+      color: color,
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Row(
+          children: [
+            Expanded(child: Text(label, style: TextStyle(color: labelColor))),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/constants.dart

@@ -0,0 +1,67 @@
+// Copyright 2021 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+// NavigationRail shows if the screen width is greater or equal to
+// narrowScreenWidthThreshold; otherwise, NavigationBar is used for navigation.
+const double narrowScreenWidthThreshold = 450;
+
+const double mediumWidthBreakpoint = 1000;
+const double largeWidthBreakpoint = 1500;
+
+const double transitionLength = 500;
+
+// Whether the user has chosen a theme color via a direct [ColorSeed] selection,
+// or an image [ColorImageProvider].
+enum ColorSelectionMethod {
+  colorSeed,
+  image,
+}
+
+enum ColorSeed {
+  baseColor('M3 Baseline', Color(0xff6750a4)),
+  indigo('Indigo', Colors.indigo),
+  blue('Blue', Colors.blue),
+  teal('Teal', Colors.teal),
+  green('Green', Colors.green),
+  yellow('Yellow', Colors.yellow),
+  orange('Orange', Colors.orange),
+  deepOrange('Deep Orange', Colors.deepOrange),
+  pink('Pink', Colors.pink);
+
+  const ColorSeed(this.label, this.color);
+  final String label;
+  final Color color;
+}
+
+enum ColorImageProvider {
+  leaves('Leaves',
+      'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_1.png'),
+  peonies('Peonies',
+      'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_2.png'),
+  bubbles('Bubbles',
+      'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_3.png'),
+  seaweed('Seaweed',
+      'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_4.png'),
+  seagrapes('Sea Grapes',
+      'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_5.png'),
+  petals('Petals',
+      'https://flutter.github.io/assets-for-api-docs/assets/material/content_based_color_scheme_6.png');
+
+  const ColorImageProvider(this.label, this.url);
+  final String label;
+  final String url;
+}
+
+enum ScreenSelected {
+  component(0),
+  color(1),
+  typography(2),
+  elevation(3),
+  home(4);
+
+  const ScreenSelected(this.value);
+  final int value;
+}

lib/elevation_screen.dart

@@ -0,0 +1,187 @@
+// Copyright 2021 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+class ElevationScreen extends StatelessWidget {
+  const ElevationScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    Color shadowColor = Theme.of(context).colorScheme.shadow;
+    Color surfaceTint = Theme.of(context).colorScheme.primary;
+    return Expanded(
+      child: CustomScrollView(
+        slivers: [
+          SliverToBoxAdapter(
+            child: Padding(
+              padding: const EdgeInsets.fromLTRB(16.0, 20, 16.0, 0),
+              child: Text(
+                'Surface Tint Color Only',
+                style: Theme.of(context).textTheme.titleLarge,
+              ),
+            ),
+          ),
+          ElevationGrid(
+            surfaceTintColor: surfaceTint,
+            shadowColor: Colors.transparent,
+          ),
+          SliverList(
+            delegate: SliverChildListDelegate(<Widget>[
+              const SizedBox(height: 10),
+              Padding(
+                padding: const EdgeInsets.fromLTRB(16.0, 8.0, 16.0, 0),
+                child: Text(
+                  'Surface Tint Color and Shadow Color',
+                  style: Theme.of(context).textTheme.titleLarge,
+                ),
+              ),
+            ]),
+          ),
+          ElevationGrid(
+            shadowColor: shadowColor,
+            surfaceTintColor: surfaceTint,
+          ),
+          SliverList(
+            delegate: SliverChildListDelegate(<Widget>[
+              const SizedBox(height: 10),
+              Padding(
+                padding: const EdgeInsets.fromLTRB(16.0, 8.0, 16.0, 0),
+                child: Text(
+                  'Shadow Color Only',
+                  style: Theme.of(context).textTheme.titleLarge,
+                ),
+              ),
+            ]),
+          ),
+          ElevationGrid(shadowColor: shadowColor),
+        ],
+      ),
+    );
+  }
+}
+
+const double narrowScreenWidthThreshold = 450;
+
+class ElevationGrid extends StatelessWidget {
+  const ElevationGrid({super.key, this.shadowColor, this.surfaceTintColor});
+
+  final Color? shadowColor;
+  final Color? surfaceTintColor;
+
+  List<ElevationCard> elevationCards(
+      Color? shadowColor, Color? surfaceTintColor) {
+    return elevations
+        .map(
+          (elevationInfo) => ElevationCard(
+            info: elevationInfo,
+            shadowColor: shadowColor,
+            surfaceTint: surfaceTintColor,
+          ),
+        )
+        .toList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverPadding(
+      padding: const EdgeInsets.all(8),
+      sliver: SliverLayoutBuilder(builder: (context, constraints) {
+        if (constraints.crossAxisExtent < narrowScreenWidthThreshold) {
+          return SliverGrid.count(
+            crossAxisCount: 3,
+            children: elevationCards(shadowColor, surfaceTintColor),
+          );
+        } else {
+          return SliverGrid.count(
+            crossAxisCount: 6,
+            children: elevationCards(shadowColor, surfaceTintColor),
+          );
+        }
+      }),
+    );
+  }
+}
+
+class ElevationCard extends StatefulWidget {
+  const ElevationCard(
+      {super.key, required this.info, this.shadowColor, this.surfaceTint});
+
+  final ElevationInfo info;
+  final Color? shadowColor;
+  final Color? surfaceTint;
+
+  @override
+  State<ElevationCard> createState() => _ElevationCardState();
+}
+
+class _ElevationCardState extends State<ElevationCard> {
+  late double _elevation;
+
+  @override
+  void initState() {
+    super.initState();
+    _elevation = widget.info.elevation;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    const BorderRadius borderRadius = BorderRadius.all(Radius.circular(4.0));
+    final Color color = Theme.of(context).colorScheme.surface;
+
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Material(
+        borderRadius: borderRadius,
+        elevation: _elevation,
+        color: color,
+        shadowColor: widget.shadowColor,
+        surfaceTintColor: widget.surfaceTint,
+        type: MaterialType.card,
+        child: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              Text(
+                'Level ${widget.info.level}',
+                style: Theme.of(context).textTheme.labelMedium,
+              ),
+              Text(
+                '${widget.info.elevation.toInt()} dp',
+                style: Theme.of(context).textTheme.labelMedium,
+              ),
+              if (widget.surfaceTint != null)
+                Expanded(
+                  child: Align(
+                    alignment: Alignment.bottomRight,
+                    child: Text(
+                      '${widget.info.overlayPercent}%',
+                      style: Theme.of(context).textTheme.bodySmall,
+                    ),
+                  ),
+                ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class ElevationInfo {
+  const ElevationInfo(this.level, this.elevation, this.overlayPercent);
+  final int level;
+  final double elevation;
+  final int overlayPercent;
+}
+
+const List<ElevationInfo> elevations = <ElevationInfo>[
+  ElevationInfo(0, 0.0, 0),
+  ElevationInfo(1, 1.0, 5),
+  ElevationInfo(2, 3.0, 8),
+  ElevationInfo(3, 6.0, 11),
+  ElevationInfo(4, 8.0, 12),
+  ElevationInfo(5, 12.0, 14),
+];

lib/firebase_options.dart

@@ -0,0 +1,68 @@
+// File generated by FlutterFire CLI.
+// ignore_for_file: lines_longer_than_80_chars, avoid_classes_with_only_static_members
+import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
+import 'package:flutter/foundation.dart'
+    show defaultTargetPlatform, kIsWeb, TargetPlatform;
+
+/// Default [FirebaseOptions] for use with your Firebase apps.
+///
+/// Example:
+/// ```dart
+/// import 'firebase_options.dart';
+/// // ...
+/// await Firebase.initializeApp(
+///   options: DefaultFirebaseOptions.currentPlatform,
+/// );
+/// ```
+class DefaultFirebaseOptions {
+  static FirebaseOptions get currentPlatform {
+    if (kIsWeb) {
+      throw UnsupportedError(
+        'DefaultFirebaseOptions have not been configured for web - '
+        'you can reconfigure this by running the FlutterFire CLI again.',
+      );
+    }
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.android:
+        return android;
+      case TargetPlatform.iOS:
+        return ios;
+      case TargetPlatform.macOS:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for macos - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.windows:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for windows - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.linux:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for linux - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      default:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions are not supported for this platform.',
+        );
+    }
+  }
+
+  static const FirebaseOptions android = FirebaseOptions(
+    apiKey: 'AIzaSyA5Mz_Az4vCKnFl_qJwiQ07cJzXSYDAqmw',
+    appId: '1:23966937248:android:9694d7a3e940cff3b599c5',
+    messagingSenderId: '23966937248',
+    projectId: 'm-335-3d14b',
+    storageBucket: 'm-335-3d14b.appspot.com',
+  );
+
+  static const FirebaseOptions ios = FirebaseOptions(
+    apiKey: 'AIzaSyDEJpIubqU-jFzjLP2s8S01B3Gh6W0eNgM',
+    appId: '1:23966937248:ios:d7915a6ac5618efeb599c5',
+    messagingSenderId: '23966937248',
+    projectId: 'm-335-3d14b',
+    storageBucket: 'm-335-3d14b.appspot.com',
+    iosBundleId: 'ch.ameti.progettoM335Flutter',
+  );
+}

lib/home.dart

@@ -0,0 +1,877 @@
+// Copyright 2021 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+import 'color_palettes_screen.dart';
+import 'component_screen.dart';
+import 'constants.dart';
+import 'elevation_screen.dart';
+import 'typography_screen.dart';
+import 'pages/home_page.dart';
+
+class Home extends StatefulWidget {
+  const Home({
+    super.key,
+    required this.useLightMode,
+    required this.useMaterial3,
+    required this.colorSelected,
+    required this.handleBrightnessChange,
+    required this.handleMaterialVersionChange,
+    required this.handleColorSelect,
+    required this.handleImageSelect,
+    required this.colorSelectionMethod,
+    required this.imageSelected,
+  });
+
+  final bool useLightMode;
+  final bool useMaterial3;
+  final ColorSeed colorSelected;
+  final ColorImageProvider imageSelected;
+  final ColorSelectionMethod colorSelectionMethod;
+
+  final void Function(bool useLightMode) handleBrightnessChange;
+  final void Function() handleMaterialVersionChange;
+  final void Function(int value) handleColorSelect;
+  final void Function(int value) handleImageSelect;
+
+  @override
+  State<Home> createState() => _HomeState();
+}
+
+class _HomeState extends State<Home> with SingleTickerProviderStateMixin {
+  final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
+  late final AnimationController controller;
+  late final CurvedAnimation railAnimation;
+  bool controllerInitialized = false;
+  bool showMediumSizeLayout = false;
+  bool showLargeSizeLayout = false;
+
+  int screenIndex = ScreenSelected.component.value;
+
+  @override
+  initState() {
+    super.initState();
+    controller = AnimationController(
+      duration: Duration(milliseconds: transitionLength.toInt() * 2),
+      value: 0,
+      vsync: this,
+    );
+    railAnimation = CurvedAnimation(
+      parent: controller,
+      curve: const Interval(0.5, 1.0),
+    );
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+
+    final double width = MediaQuery.of(context).size.width;
+    final AnimationStatus status = controller.status;
+    if (width > mediumWidthBreakpoint) {
+      if (width > largeWidthBreakpoint) {
+        showMediumSizeLayout = false;
+        showLargeSizeLayout = true;
+      } else {
+        showMediumSizeLayout = true;
+        showLargeSizeLayout = false;
+      }
+      if (status != AnimationStatus.forward &&
+          status != AnimationStatus.completed) {
+        controller.forward();
+      }
+    } else {
+      showMediumSizeLayout = false;
+      showLargeSizeLayout = false;
+      if (status != AnimationStatus.reverse &&
+          status != AnimationStatus.dismissed) {
+        controller.reverse();
+      }
+    }
+    if (!controllerInitialized) {
+      controllerInitialized = true;
+      controller.value = width > mediumWidthBreakpoint ? 1 : 0;
+    }
+  }
+
+  void handleScreenChanged(int screenSelected) {
+    setState(() {
+      screenIndex = screenSelected;
+    });
+  }
+
+  Widget createScreenFor(
+      ScreenSelected screenSelected, bool showNavBarExample) {
+    switch (screenSelected) {
+      case ScreenSelected.component:
+        return Expanded(
+          child: OneTwoTransition(
+            animation: railAnimation,
+            one: FirstComponentList(
+                showNavBottomBar: showNavBarExample,
+                scaffoldKey: scaffoldKey,
+                showSecondList: showMediumSizeLayout || showLargeSizeLayout),
+            two: SecondComponentList(
+              scaffoldKey: scaffoldKey,
+            ),
+          ),
+        );
+      case ScreenSelected.color:
+        return const ColorPalettesScreen();
+      case ScreenSelected.typography:
+        return const TypographyScreen();
+      case ScreenSelected.elevation:
+        return const ElevationScreen();
+      case ScreenSelected.home:
+        return const HomePage();
+    }
+  }
+
+  PreferredSizeWidget createAppBar() {
+    return AppBar(
+      title: widget.useMaterial3
+          ? const Text('Material 3')
+          : const Text('Material 2'),
+      actions: !showMediumSizeLayout && !showLargeSizeLayout
+          ? [
+              _BrightnessButton(
+                handleBrightnessChange: widget.handleBrightnessChange,
+              ),
+              _Material3Button(
+                handleMaterialVersionChange: widget.handleMaterialVersionChange,
+              ),
+              _ColorSeedButton(
+                handleColorSelect: widget.handleColorSelect,
+                colorSelected: widget.colorSelected,
+                colorSelectionMethod: widget.colorSelectionMethod,
+              ),
+              _ColorImageButton(
+                handleImageSelect: widget.handleImageSelect,
+                imageSelected: widget.imageSelected,
+                colorSelectionMethod: widget.colorSelectionMethod,
+              )
+            ]
+          : [Container()],
+    );
+  }
+
+  Widget _trailingActions() => Column(
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          Flexible(
+            child: _BrightnessButton(
+              handleBrightnessChange: widget.handleBrightnessChange,
+              showTooltipBelow: false,
+            ),
+          ),
+          Flexible(
+            child: _Material3Button(
+              handleMaterialVersionChange: widget.handleMaterialVersionChange,
+              showTooltipBelow: false,
+            ),
+          ),
+          Flexible(
+            child: _ColorSeedButton(
+              handleColorSelect: widget.handleColorSelect,
+              colorSelected: widget.colorSelected,
+              colorSelectionMethod: widget.colorSelectionMethod,
+            ),
+          ),
+          Flexible(
+            child: _ColorImageButton(
+              handleImageSelect: widget.handleImageSelect,
+              imageSelected: widget.imageSelected,
+              colorSelectionMethod: widget.colorSelectionMethod,
+            ),
+          ),
+        ],
+      );
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: controller,
+      builder: (context, child) {
+        return NavigationTransition(
+          scaffoldKey: scaffoldKey,
+          animationController: controller,
+          railAnimation: railAnimation,
+          appBar: createAppBar(),
+          body: createScreenFor(
+              ScreenSelected.values[screenIndex], controller.value == 1),
+          navigationRail: NavigationRail(
+            extended: showLargeSizeLayout,
+            destinations: navRailDestinations,
+            selectedIndex: screenIndex,
+            onDestinationSelected: (index) {
+              setState(() {
+                screenIndex = index;
+                handleScreenChanged(screenIndex);
+              });
+            },
+            trailing: Expanded(
+              child: Padding(
+                padding: const EdgeInsets.only(bottom: 20),
+                child: showLargeSizeLayout
+                    ? _ExpandedTrailingActions(
+                        useLightMode: widget.useLightMode,
+                        handleBrightnessChange: widget.handleBrightnessChange,
+                        useMaterial3: widget.useMaterial3,
+                        handleMaterialVersionChange:
+                            widget.handleMaterialVersionChange,
+                        handleImageSelect: widget.handleImageSelect,
+                        handleColorSelect: widget.handleColorSelect,
+                        colorSelectionMethod: widget.colorSelectionMethod,
+                        imageSelected: widget.imageSelected,
+                        colorSelected: widget.colorSelected,
+                      )
+                    : _trailingActions(),
+              ),
+            ),
+          ),
+          navigationBar: NavigationBars(
+            onSelectItem: (index) {
+              setState(() {
+                screenIndex = index;
+                handleScreenChanged(screenIndex);
+              });
+            },
+            selectedIndex: screenIndex,
+            isExampleBar: false,
+          ),
+        );
+      },
+    );
+  }
+}
+
+class _BrightnessButton extends StatelessWidget {
+  const _BrightnessButton({
+    required this.handleBrightnessChange,
+    this.showTooltipBelow = true,
+  });
+
+  final Function handleBrightnessChange;
+  final bool showTooltipBelow;
+
+  @override
+  Widget build(BuildContext context) {
+    final isBright = Theme.of(context).brightness == Brightness.light;
+    return Tooltip(
+      preferBelow: showTooltipBelow,
+      message: 'Toggle brightness',
+      child: IconButton(
+        icon: isBright
+            ? const Icon(Icons.dark_mode_outlined)
+            : const Icon(Icons.light_mode_outlined),
+        onPressed: () => handleBrightnessChange(!isBright),
+      ),
+    );
+  }
+}
+
+class _Material3Button extends StatelessWidget {
+  const _Material3Button({
+    required this.handleMaterialVersionChange,
+    this.showTooltipBelow = true,
+  });
+
+  final void Function() handleMaterialVersionChange;
+  final bool showTooltipBelow;
+
+  @override
+  Widget build(BuildContext context) {
+    final useMaterial3 = Theme.of(context).useMaterial3;
+    return Tooltip(
+      preferBelow: showTooltipBelow,
+      message: 'Switch to Material ${useMaterial3 ? 2 : 3}',
+      child: IconButton(
+        icon: useMaterial3
+            ? const Icon(Icons.filter_2)
+            : const Icon(Icons.filter_3),
+        onPressed: handleMaterialVersionChange,
+      ),
+    );
+  }
+}
+
+class _ColorSeedButton extends StatelessWidget {
+  const _ColorSeedButton({
+    required this.handleColorSelect,
+    required this.colorSelected,
+    required this.colorSelectionMethod,
+  });
+
+  final void Function(int) handleColorSelect;
+  final ColorSeed colorSelected;
+  final ColorSelectionMethod colorSelectionMethod;
+
+  @override
+  Widget build(BuildContext context) {
+    return PopupMenuButton(
+      icon: Icon(
+        Icons.palette_outlined,
+        color: Theme.of(context).colorScheme.onSurfaceVariant,
+      ),
+      tooltip: 'Select a seed color',
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
+      itemBuilder: (context) {
+        return List.generate(ColorSeed.values.length, (index) {
+          ColorSeed currentColor = ColorSeed.values[index];
+
+          return PopupMenuItem(
+            value: index,
+            enabled: currentColor != colorSelected ||
+                colorSelectionMethod != ColorSelectionMethod.colorSeed,
+            child: Wrap(
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(left: 10),
+                  child: Icon(
+                    currentColor == colorSelected &&
+                            colorSelectionMethod != ColorSelectionMethod.image
+                        ? Icons.color_lens
+                        : Icons.color_lens_outlined,
+                    color: currentColor.color,
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(left: 20),
+                  child: Text(currentColor.label),
+                ),
+              ],
+            ),
+          );
+        });
+      },
+      onSelected: handleColorSelect,
+    );
+  }
+}
+
+class _ColorImageButton extends StatelessWidget {
+  const _ColorImageButton({
+    required this.handleImageSelect,
+    required this.imageSelected,
+    required this.colorSelectionMethod,
+  });
+
+  final void Function(int) handleImageSelect;
+  final ColorImageProvider imageSelected;
+  final ColorSelectionMethod colorSelectionMethod;
+
+  @override
+  Widget build(BuildContext context) {
+    return PopupMenuButton(
+      icon: Icon(
+        Icons.image_outlined,
+        color: Theme.of(context).colorScheme.onSurfaceVariant,
+      ),
+      tooltip: 'Select a color extraction image',
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
+      itemBuilder: (context) {
+        return List.generate(ColorImageProvider.values.length, (index) {
+          ColorImageProvider currentImageProvider =
+              ColorImageProvider.values[index];
+
+          return PopupMenuItem(
+            value: index,
+            enabled: currentImageProvider != imageSelected ||
+                colorSelectionMethod != ColorSelectionMethod.image,
+            child: Wrap(
+              crossAxisAlignment: WrapCrossAlignment.center,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(left: 10),
+                  child: ConstrainedBox(
+                    constraints: const BoxConstraints(maxWidth: 48),
+                    child: Padding(
+                      padding: const EdgeInsets.all(4.0),
+                      child: ClipRRect(
+                        borderRadius: BorderRadius.circular(8.0),
+                        child: Image(
+                          image: NetworkImage(
+                              ColorImageProvider.values[index].url),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(left: 20),
+                  child: Text(currentImageProvider.label),
+                ),
+              ],
+            ),
+          );
+        });
+      },
+      onSelected: handleImageSelect,
+    );
+  }
+}
+
+class _ExpandedTrailingActions extends StatelessWidget {
+  const _ExpandedTrailingActions({
+    required this.useLightMode,
+    required this.handleBrightnessChange,
+    required this.useMaterial3,
+    required this.handleMaterialVersionChange,
+    required this.handleColorSelect,
+    required this.handleImageSelect,
+    required this.imageSelected,
+    required this.colorSelected,
+    required this.colorSelectionMethod,
+  });
+
+  final void Function(bool) handleBrightnessChange;
+  final void Function() handleMaterialVersionChange;
+  final void Function(int) handleImageSelect;
+  final void Function(int) handleColorSelect;
+
+  final bool useLightMode;
+  final bool useMaterial3;
+
+  final ColorImageProvider imageSelected;
+  final ColorSeed colorSelected;
+  final ColorSelectionMethod colorSelectionMethod;
+
+  @override
+  Widget build(BuildContext context) {
+    final screenHeight = MediaQuery.of(context).size.height;
+    final trailingActionsBody = Container(
+      constraints: const BoxConstraints.tightFor(width: 250),
+      padding: const EdgeInsets.symmetric(horizontal: 30),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.end,
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Row(
+            children: [
+              const Text('Brightness'),
+              Expanded(child: Container()),
+              Switch(
+                  value: useLightMode,
+                  onChanged: (value) {
+                    handleBrightnessChange(value);
+                  })
+            ],
+          ),
+          Row(
+            children: [
+              useMaterial3
+                  ? const Text('Material 3')
+                  : const Text('Material 2'),
+              Expanded(child: Container()),
+              Switch(
+                  value: useMaterial3,
+                  onChanged: (_) {
+                    handleMaterialVersionChange();
+                  })
+            ],
+          ),
+          const Divider(),
+          _ExpandedColorSeedAction(
+            handleColorSelect: handleColorSelect,
+            colorSelected: colorSelected,
+            colorSelectionMethod: colorSelectionMethod,
+          ),
+          const Divider(),
+          _ExpandedImageColorAction(
+            handleImageSelect: handleImageSelect,
+            imageSelected: imageSelected,
+            colorSelectionMethod: colorSelectionMethod,
+          ),
+        ],
+      ),
+    );
+    return screenHeight > 740
+        ? trailingActionsBody
+        : SingleChildScrollView(child: trailingActionsBody);
+  }
+}
+
+class _ExpandedColorSeedAction extends StatelessWidget {
+  const _ExpandedColorSeedAction({
+    required this.handleColorSelect,
+    required this.colorSelected,
+    required this.colorSelectionMethod,
+  });
+
+  final void Function(int) handleColorSelect;
+  final ColorSeed colorSelected;
+  final ColorSelectionMethod colorSelectionMethod;
+
+  @override
+  Widget build(BuildContext context) {
+    return ConstrainedBox(
+      constraints: const BoxConstraints(maxHeight: 200.0),
+      child: GridView.count(
+        crossAxisCount: 3,
+        children: List.generate(
+          ColorSeed.values.length,
+          (i) => IconButton(
+            icon: const Icon(Icons.radio_button_unchecked),
+            color: ColorSeed.values[i].color,
+            isSelected: colorSelected.color == ColorSeed.values[i].color &&
+                colorSelectionMethod == ColorSelectionMethod.colorSeed,
+            selectedIcon: const Icon(Icons.circle),
+            onPressed: () {
+              handleColorSelect(i);
+            },
+            tooltip: ColorSeed.values[i].label,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _ExpandedImageColorAction extends StatelessWidget {
+  const _ExpandedImageColorAction({
+    required this.handleImageSelect,
+    required this.imageSelected,
+    required this.colorSelectionMethod,
+  });
+
+  final void Function(int) handleImageSelect;
+  final ColorImageProvider imageSelected;
+  final ColorSelectionMethod colorSelectionMethod;
+
+  @override
+  Widget build(BuildContext context) {
+    return ConstrainedBox(
+      constraints: const BoxConstraints(maxHeight: 150.0),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 8.0),
+        child: GridView.count(
+          crossAxisCount: 3,
+          children: List.generate(
+            ColorImageProvider.values.length,
+            (i) => Tooltip(
+              message: ColorImageProvider.values[i].name,
+              child: InkWell(
+                borderRadius: BorderRadius.circular(4.0),
+                onTap: () => handleImageSelect(i),
+                child: Padding(
+                  padding: const EdgeInsets.all(8.0),
+                  child: Material(
+                    borderRadius: BorderRadius.circular(4.0),
+                    elevation: imageSelected == ColorImageProvider.values[i] &&
+                            colorSelectionMethod == ColorSelectionMethod.image
+                        ? 3
+                        : 0,
+                    child: Padding(
+                      padding: const EdgeInsets.all(4.0),
+                      child: ClipRRect(
+                        borderRadius: BorderRadius.circular(4.0),
+                        child: Image(
+                          image: NetworkImage(ColorImageProvider.values[i].url),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class NavigationTransition extends StatefulWidget {
+  const NavigationTransition(
+      {super.key,
+      required this.scaffoldKey,
+      required this.animationController,
+      required this.railAnimation,
+      required this.navigationRail,
+      required this.navigationBar,
+      required this.appBar,
+      required this.body});
+
+  final GlobalKey<ScaffoldState> scaffoldKey;
+  final AnimationController animationController;
+  final CurvedAnimation railAnimation;
+  final Widget navigationRail;
+  final Widget navigationBar;
+  final PreferredSizeWidget appBar;
+  final Widget body;
+
+  @override
+  State<NavigationTransition> createState() => _NavigationTransitionState();
+}
+
+class _NavigationTransitionState extends State<NavigationTransition> {
+  late final AnimationController controller;
+  late final CurvedAnimation railAnimation;
+  late final ReverseAnimation barAnimation;
+  bool controllerInitialized = false;
+  bool showDivider = false;
+
+  @override
+  void initState() {
+    super.initState();
+
+    controller = widget.animationController;
+    railAnimation = widget.railAnimation;
+
+    barAnimation = ReverseAnimation(
+      CurvedAnimation(
+        parent: controller,
+        curve: const Interval(0.0, 0.5),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final ColorScheme colorScheme = Theme.of(context).colorScheme;
+
+    return Scaffold(
+      key: widget.scaffoldKey,
+      appBar: widget.appBar,
+      body: Row(
+        children: <Widget>[
+          RailTransition(
+            animation: railAnimation,
+            backgroundColor: colorScheme.surface,
+            child: widget.navigationRail,
+          ),
+          widget.body,
+        ],
+      ),
+      bottomNavigationBar: BarTransition(
+        animation: barAnimation,
+        backgroundColor: colorScheme.surface,
+        child: widget.navigationBar,
+      ),
+      endDrawer: const NavigationDrawerSection(),
+    );
+  }
+}
+
+final List<NavigationRailDestination> navRailDestinations = appBarDestinations
+    .map(
+      (destination) => NavigationRailDestination(
+        icon: Tooltip(
+          message: destination.label,
+          child: destination.icon,
+        ),
+        selectedIcon: Tooltip(
+          message: destination.label,
+          child: destination.selectedIcon,
+        ),
+        label: Text(destination.label),
+      ),
+    )
+    .toList();
+
+class SizeAnimation extends CurvedAnimation {
+  SizeAnimation(Animation<double> parent)
+      : super(
+          parent: parent,
+          curve: const Interval(
+            0.2,
+            0.8,
+            curve: Curves.easeInOutCubicEmphasized,
+          ),
+          reverseCurve: Interval(
+            0,
+            0.2,
+            curve: Curves.easeInOutCubicEmphasized.flipped,
+          ),
+        );
+}
+
+class OffsetAnimation extends CurvedAnimation {
+  OffsetAnimation(Animation<double> parent)
+      : super(
+          parent: parent,
+          curve: const Interval(
+            0.4,
+            1.0,
+            curve: Curves.easeInOutCubicEmphasized,
+          ),
+          reverseCurve: Interval(
+            0,
+            0.2,
+            curve: Curves.easeInOutCubicEmphasized.flipped,
+          ),
+        );
+}
+
+class RailTransition extends StatefulWidget {
+  const RailTransition(
+      {super.key,
+      required this.animation,
+      required this.backgroundColor,
+      required this.child});
+
+  final Animation<double> animation;
+  final Widget child;
+  final Color backgroundColor;
+
+  @override
+  State<RailTransition> createState() => _RailTransition();
+}
+
+class _RailTransition extends State<RailTransition> {
+  late Animation<Offset> offsetAnimation;
+  late Animation<double> widthAnimation;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+
+    // The animations are only rebuilt by this method when the text
+    // direction changes because this widget only depends on Directionality.
+    final bool ltr = Directionality.of(context) == TextDirection.ltr;
+
+    widthAnimation = Tween<double>(
+      begin: 0,
+      end: 1,
+    ).animate(SizeAnimation(widget.animation));
+
+    offsetAnimation = Tween<Offset>(
+      begin: ltr ? const Offset(-1, 0) : const Offset(1, 0),
+      end: Offset.zero,
+    ).animate(OffsetAnimation(widget.animation));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipRect(
+      child: DecoratedBox(
+        decoration: BoxDecoration(color: widget.backgroundColor),
+        child: Align(
+          alignment: Alignment.topLeft,
+          widthFactor: widthAnimation.value,
+          child: FractionalTranslation(
+            translation: offsetAnimation.value,
+            child: widget.child,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class BarTransition extends StatefulWidget {
+  const BarTransition(
+      {super.key,
+      required this.animation,
+      required this.backgroundColor,
+      required this.child});
+
+  final Animation<double> animation;
+  final Color backgroundColor;
+  final Widget child;
+
+  @override
+  State<BarTransition> createState() => _BarTransition();
+}
+
+class _BarTransition extends State<BarTransition> {
+  late final Animation<Offset> offsetAnimation;
+  late final Animation<double> heightAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+
+    offsetAnimation = Tween<Offset>(
+      begin: const Offset(0, 1),
+      end: Offset.zero,
+    ).animate(OffsetAnimation(widget.animation));
+
+    heightAnimation = Tween<double>(
+      begin: 0,
+      end: 1,
+    ).animate(SizeAnimation(widget.animation));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipRect(
+      child: DecoratedBox(
+        decoration: BoxDecoration(color: widget.backgroundColor),
+        child: Align(
+          alignment: Alignment.topLeft,
+          heightFactor: heightAnimation.value,
+          child: FractionalTranslation(
+            translation: offsetAnimation.value,
+            child: widget.child,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class OneTwoTransition extends StatefulWidget {
+  const OneTwoTransition({
+    super.key,
+    required this.animation,
+    required this.one,
+    required this.two,
+  });
+
+  final Animation<double> animation;
+  final Widget one;
+  final Widget two;
+
+  @override
+  State<OneTwoTransition> createState() => _OneTwoTransitionState();
+}
+
+class _OneTwoTransitionState extends State<OneTwoTransition> {
+  late final Animation<Offset> offsetAnimation;
+  late final Animation<double> widthAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+
+    offsetAnimation = Tween<Offset>(
+      begin: const Offset(1, 0),
+      end: Offset.zero,
+    ).animate(OffsetAnimation(widget.animation));
+
+    widthAnimation = Tween<double>(
+      begin: 0,
+      end: mediumWidthBreakpoint,
+    ).animate(SizeAnimation(widget.animation));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: <Widget>[
+        Flexible(
+          flex: mediumWidthBreakpoint.toInt(),
+          child: widget.one,
+        ),
+        if (widthAnimation.value.toInt() > 0) ...[
+          Flexible(
+            flex: widthAnimation.value.toInt(),
+            child: FractionalTranslation(
+              translation: offsetAnimation.value,
+              child: widget.two,
+            ),
+          )
+        ],
+      ],
+    );
+  }
+}

lib/main.dart

@@ -1,125 +1,15 @@
+import 'package:firebase_core/firebase_core.dart';
+import 'firebase_options.dart';
+
 import 'package:flutter/material.dart';
+import 'myApp.dart';
 
-void main() {
-  runApp(const MyApp());
-}
+void main() async {
 
-class MyApp extends StatelessWidget {
-  const MyApp({super.key});
-
-  // This widget is the root of your application.
-  @override
-  Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Flutter Demo',
-      theme: ThemeData(
-        // This is the theme of your application.
-        //
-        // TRY THIS: Try running your application with "flutter run". You'll see
-        // the application has a blue toolbar. Then, without quitting the app,
-        // try changing the seedColor in the colorScheme below to Colors.green
-        // and then invoke "hot reload" (save your changes or press the "hot
-        // reload" button in a Flutter-supported IDE, or press "r" if you used
-        // the command line to start the app).
-        //
-        // Notice that the counter didn't reset back to zero; the application
-        // state is not lost during the reload. To reset the state, use hot
-        // restart instead.
-        //
-        // This works for code too, not just values: Most code changes can be
-        // tested with just a hot reload.
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
-        useMaterial3: true,
-      ),
-      home: const MyHomePage(title: 'Flutter Demo Home Page'),
+  WidgetsFlutterBinding.ensureInitialized();
+  await Firebase.initializeApp(
+    options: DefaultFirebaseOptions.currentPlatform,
   );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-  // This widget is the home page of your application. It is stateful, meaning
-  // that it has a State object (defined below) that contains fields that affect
-  // how it looks.
-
-  // This class is the configuration for the state. It holds the values (in this
-  // case the title) provided by the parent (in this case the App widget) and
-  // used by the build method of the State. Fields in a Widget subclass are
-  // always marked "final".
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // TRY THIS: Try changing the color here to a specific color (to
-        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
-        // change color while the other colors stay the same.
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
-          ],
-        ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
-    );
-  }
+
+  runApp(MyApp());
 }

lib/myApp.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+import 'navigation.dart';
+
+class MyApp extends StatelessWidget {
+  const MyApp({ Key? key }) : super(key: key);
+
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'My App',
+      theme: ThemeData(
+        useMaterial3: true
+      ),
+      home: Navigation()
+    );
+  }
+}

lib/navigation.dart

@@ -0,0 +1,72 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import 'package:progetto_m335_flutter/pages/LoginView.dart';
+import 'package:progetto_m335_flutter/pages/RegisterView.dart';
+import 'pages/TodayView.dart';
+import 'pages/InboxView.dart';
+import 'pages/NotesView.dart';
+
+
+
+class Navigation extends StatefulWidget {
+  const Navigation({super.key});
+
+  @override
+  State<Navigation> createState() => _NavigationState();
+}
+
+class _NavigationState extends State<Navigation> {
+
+  int _selectedIndex = 1;
+  static const List<Widget> _widgetOptions = <Widget>[
+    LoginView(),
+    RegisterView(),
+    TodayView(),
+    InboxView(),
+    NotesView(),
+  ];
+  FirebaseAuth auth = FirebaseAuth.instance;
+
+  void _onItemTapped(int index) {
+    setState(() {
+      _selectedIndex = index;
+    });
+  }
+
+  @override
+  void initState() {
+    FirebaseAuth.instance
+        .authStateChanges()
+        .listen((User? user) {
+      if (user == null) {
+        print('User is currently signed out!');
+      } else {
+        print('User is signed in!');
+      }
+    });
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("BottomNavBar"),
+      ),
+      body: Center(child: _widgetOptions.elementAt(_selectedIndex)),
+      bottomNavigationBar: BottomNavigationBar(
+        items: const <BottomNavigationBarItem>[
+          BottomNavigationBarItem(icon: Icon(Icons.login), label: "Login"),
+          BottomNavigationBarItem(icon: Icon(Icons.app_registration), label: "Register"),
+          BottomNavigationBarItem(
+              icon: Icon(Icons.calendar_today), label: "today"),
+          BottomNavigationBarItem(icon: Icon(Icons.inbox), label: "Inbox"),
+          BottomNavigationBarItem(icon: Icon(Icons.note), label: "Notes"),
+        ],
+        currentIndex: _selectedIndex,
+        onTap: _onItemTapped,
+        type: BottomNavigationBarType.fixed,
+      ),
+    );
+  }
+}

lib/old/firebase_options.dart

@@ -0,0 +1,71 @@
+// File generated by FlutterFire CLI.
+// ignore_for_file: lines_longer_than_80_chars, avoid_classes_with_only_static_members
+import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
+import 'package:flutter/foundation.dart'
+    show defaultTargetPlatform, kIsWeb, TargetPlatform;
+
+/// Default [FirebaseOptions] for use with your Firebase apps.
+///
+/// Example:
+/// ```dart
+/// import 'firebase_options.dart';
+/// // ...
+/// await Firebase.initializeApp(
+///   options: DefaultFirebaseOptions.currentPlatform,
+/// );
+/// ```
+class DefaultFirebaseOptions {
+
+  static FirebaseOptions get currentPlatform {
+    if (kIsWeb) {
+      throw UnsupportedError(
+        'DefaultFirebaseOptions have not been configured for web - '
+        'you can reconfigure this by running the FlutterFire CLI again.',
+      );
+    }
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.android:
+        return android;
+      case TargetPlatform.iOS:
+        return ios;
+      case TargetPlatform.macOS:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for macos - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.windows:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for windows - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.linux:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for linux - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      default:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions are not supported for this platform.',
+        );
+    }
+  }
+
+  static const FirebaseOptions android = FirebaseOptions(
+    apiKey: 'AIzaSyCh2cA5AHNIS3e1Wnf48dfoCUKvmEM9J34',
+    appId: '1:164857321043:android:0a67e4973f9208721ad8a6',
+    messagingSenderId: '164857321043',
+    projectId: 'progetto-m335',
+    databaseURL: 'https://progetto-m335-default-rtdb.europe-west1.firebasedatabase.app',
+    storageBucket: 'progetto-m335.appspot.com',
+  );
+
+  static const FirebaseOptions ios = FirebaseOptions(
+    apiKey: 'AIzaSyAhEex7OfyJHETyC-uSydOFGABBn5KX16Q',
+    appId: '1:164857321043:ios:b497e5d24254d60e1ad8a6',
+    messagingSenderId: '164857321043',
+    projectId: 'progetto-m335',
+    databaseURL: 'https://progetto-m335-default-rtdb.europe-west1.firebasedatabase.app',
+    storageBucket: 'progetto-m335.appspot.com',
+    iosBundleId: 'ch.ameti.progettoM335Flutter',
+  );
+}

lib/old/main.dart

@@ -0,0 +1,45 @@
+/*
+import 'package:flutter/material.dart';
+import 'package:flutter/material.dart';
+import '../pages/welcome_page.dart';
+import '../pages/home_page.dart';
+
+void main() {
+  runApp(const MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({super.key});
+
+  // This widget is the root of your application.
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Flutter Demo',
+      theme: ThemeData(
+          primaryColor: Colors.red,
+          accentCoulor: Colors.blue,
+          fontFamily: 'Roboto',
+          textTheme: TextTheme(
+            headline1: TextStyle(fontSize: 24),
+            headline2: TextStyle(fontSize: 20),
+            headline3: TextStyle(fontSize: 16),
+          )),
+      // Cambia la proprietà `home` con `WelcomePage()`
+      home: WelcomePage(),
+      // Aggiungi un nuovo `onGenerateRoute`
+      onGenerateRoute: (settings) {
+        // Se la route è `/home`, esci dal `WelcomePage()` e vai alla `HomePage()`
+        if (settings.name == '/home') {
+          Navigator.pop(context);
+          return MaterialPageRoute(
+              builder: (context) => const HomePage(
+                    title: 'Titolo',
+                  ));
+        }
+        // Altrimenti, restituisci la route predefinita
+        return MaterialPageRoute(builder: (context) => WelcomePage());
+      },
+    );
+  }
+ }  */

lib/pages/InboxView.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class InboxView extends StatefulWidget {
+  const InboxView({super.key});
+
+  @override
+  State<InboxView> createState() => _InboxViewState();
+}
+
+class _InboxViewState extends State<InboxView> {
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+        body: Center(
+          child: Icon(Icons.inbox),
+        )
+    );
+  }
+}

lib/pages/LoginView.dart

@@ -0,0 +1,45 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+
+class LoginView extends StatefulWidget {
+  const LoginView({super.key});
+
+  @override
+  State<LoginView> createState() => _LoginViewState();
+}
+
+class _LoginViewState extends State<LoginView> {
+
+  Future<UserCredential> signInWithGoogle() async {
+    // Trigger the authentication flow
+    final GoogleSignInAccount? googleUser = await GoogleSignIn().signIn();
+
+    // Obtain the auth details from the request
+    final GoogleSignInAuthentication? googleAuth = await googleUser?.authentication;
+
+    // Create a new credential
+    final credential = GoogleAuthProvider.credential(
+      accessToken: googleAuth?.accessToken,
+      idToken: googleAuth?.idToken,
+    );
+
+    // Once signed in, return the UserCredential
+    return await FirebaseAuth.instance.signInWithCredential(credential);
+  }
+
+  @override
+  void initState() {
+    signInWithGoogle().then((value) => print(value));
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+        body: Center(
+            child: Icon(Icons.login)
+        )
+    );
+  }
+}

lib/pages/NoteDetailView.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class NoteDetailView extends StatefulWidget {
+  const NoteDetailView({super.key});
+
+  @override
+  State<NoteDetailView> createState() => _NoteDetailViewState();
+}
+
+class _NoteDetailViewState extends State<NoteDetailView> {
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+        body: Center(
+          child: Text('NoteDetailView'),
+        )
+    );
+  }
+}

lib/pages/NotesView.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class NotesView extends StatefulWidget {
+  const NotesView({super.key});
+
+  @override
+  State<NotesView> createState() => _NotesViewState();
+}
+
+class _NotesViewState extends State<NotesView> {
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+        body: Center(
+          child: Icon(Icons.note),
+        )
+    );
+  }
+}

lib/pages/RegisterView.dart

@@ -0,0 +1,186 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import 'package:form_field_validator/form_field_validator.dart';
+import 'package:flutter/foundation.dart';
+import 'package:progetto_m335_flutter/pages/LoginView.dart';
+
+class RegisterView extends StatefulWidget {
+  const RegisterView({Key? key}) : super(key: key);
+
+  @override
+  State<RegisterView> createState() => _RegisterViewState();
+}
+
+class _RegisterViewState extends State<RegisterView> {
+  String email = '';
+  String password = '';
+  bool showPassword = false;
+  Color buttonColor = Colors.blue[200]!;
+
+  void register() async {
+    print("$email $password");
+    if (_formkey.currentState!.validate()) {
+      try {
+        final credential =
+            await FirebaseAuth.instance.createUserWithEmailAndPassword(
+          email: email,
+          password: password,
+        );
+      } on FirebaseAuthException catch (e) {
+        if (e.code == 'weak-password') {
+          print('The password provided is too weak.');
+        } else if (e.code == 'email-already-in-use') {
+          print('The account already exists for that email.');
+        }
+      } catch (e) {
+        print(e);
+      }
+    }
+  }
+
+  Map userData = {};
+  final _formkey = GlobalKey<FormState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        appBar: AppBar(
+          title: Text('Register'),
+        ),
+        body: SingleChildScrollView(
+          child: Padding(
+            padding: const EdgeInsets.all(12.0),
+            child: Form(
+                key: _formkey,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: <Widget>[
+                    Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: TextFormField(
+                        onChanged: (val) {
+                          setState(() {
+                            email = val;
+                            if (password.length > 6 && _formkey.currentState!.validate()) {
+                              buttonColor = Colors.blue[400]!;
+                            } else {
+                              buttonColor = Colors.blue[200]!;
+                            }
+                          });
+                        },
+                        validator: MultiValidator([
+                          RequiredValidator(errorText: 'Enter email address'),
+                          EmailValidator(
+                              errorText: 'Please correct email filled'),
+                        ]),
+                        decoration: const InputDecoration(
+                            hintText: 'Email',
+                            labelText: 'Email',
+                            prefixIcon: Icon(
+                              Icons.email,
+                              color: Colors.grey,
+                            ),
+                            errorStyle: TextStyle(fontSize: 18.0),
+                            border: OutlineInputBorder(
+                                borderSide: BorderSide(color: Colors.red),
+                                borderRadius:
+                                    BorderRadius.all(Radius.circular(9.0)))),
+                      ),
+                    ),
+                    Padding(
+                        padding: const EdgeInsets.all(8.0),
+                        child: TextFormField(
+                          obscureText: !showPassword,
+                          onChanged: (val) {
+                            setState(() {
+                              password = val;
+                              if (password.length > 6 && _formkey.currentState!.validate()) {
+                                buttonColor = Colors.blue[400]!;
+                              } else {
+                                buttonColor = Colors.blue[200]!;
+                              }
+                            });
+                          },
+                          validator: MultiValidator([
+                            RequiredValidator(errorText: 'Enter a password'),
+                            PatternValidator(
+                                r'^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{6,}$',
+                                errorText: 'enter a valid password'),
+                          ]),
+                          decoration: InputDecoration(
+                              hintText: 'Password',
+                              labelText: 'Password',
+                              prefixIcon: const Icon(
+                                Icons.key,
+                                color: Colors.grey,
+                              ),
+                              suffixIcon: Padding(
+                                padding: const EdgeInsets.only(right: 20.0),
+                                child: IconButton(
+                                    icon: Icon(
+                                      showPassword
+                                          ? Icons.visibility_off
+                                          : Icons.visibility,
+                                      color: Colors.grey,
+                                    ),
+                                    onPressed: () {
+                                      setState(() {
+                                        showPassword = !showPassword;
+                                      });
+                                    }),
+                              ),
+                              errorStyle: const TextStyle(fontSize: 18.0),
+                              border: const OutlineInputBorder(
+                                  borderSide: BorderSide(color: Colors.red),
+                                  borderRadius:
+                                      BorderRadius.all(Radius.circular(9.0)))),
+                        )),
+                    Center(
+                        child: Padding(
+                      padding: const EdgeInsets.all(18.0),
+                      child: SizedBox(
+                        // margin: EdgeInsets.fromLTRB(200, 20, 50, 0),
+                        width: MediaQuery.of(context).size.width,
+
+                        height: 50,
+                        // margin: EdgeInsets.fromLTRB(200, 20, 50, 0),
+                        child: ElevatedButton(
+                          style: ElevatedButton.styleFrom(
+                            backgroundColor: buttonColor,
+                            shape: RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(10),
+                            ),
+                          ),
+                          child: const Text(
+                            'Register',
+                            style: TextStyle(color: Colors.white, fontSize: 22),
+                          ),
+                          onPressed: () {
+                            register();
+                          },
+                        ),
+                      ),
+                    )),
+                    Center(
+                      child: Padding(
+                        padding: const EdgeInsets.only(top: 20),
+                        child: Center(
+                          child: TextButton(
+                            child: const Text('Already have an account? Login'),
+                            onPressed: () {
+                              Navigator.push(
+                                context,
+                                MaterialPageRoute(
+                                    builder: (context) => const LoginView()),
+                              );
+                            },
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                )),
+          ),
+        ));
+  }
+}

lib/pages/TodayView.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class TodayView extends StatefulWidget {
+  const TodayView({super.key});
+
+  @override
+  State<TodayView> createState() => _TodayViewState();
+}
+
+class _TodayViewState extends State<TodayView> {
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+      body: Center(
+        child: Icon(Icons.calendar_today)
+      )
+    );
+  }
+}

lib/pages/home_page.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+
+class HomePage extends StatefulWidget {
+  const HomePage({super.key});
+
+  final String title = "home page";
+
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Hello world'),
+      ),
+      body: Center(
+        child: Text('Hello world!'),
+      ),
+    );
+  }
+}

lib/pages/testUI.dart

@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+
+class TestUI extends StatefulWidget {
+  const TestUI({super.key});
+
+  @override
+  State<TestUI> createState() => _TestUIState();
+}
+
+class _TestUIState extends State<TestUI> {
+  int _test = 0;
+
+  void _onPressed() {
+    setState(() {
+      _test = 1;
+    });
+  }
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: Column(children: [
+          FloatingActionButton(onPressed: _onPressed),
+          Text('$_test'),
+        ],),
+      ),
+    );
+  }
+}

lib/pages/welcome_page.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+
+
+class WelcomePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Pagina di benvenuto',
+      home: Scaffold(
+        appBar: AppBar(
+          title: Text('Benvenuto'),
+        ),
+        body: Center(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Text('Benvenuto nella pagina di benvenuto!'),
+              SizedBox(height: 20),
+              Text('Clicca sul pulsante per continuare'),
+              SizedBox(height: 20),
+              ElevatedButton(
+                onPressed: () {},
+                child: Text('Continua'),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/typography_screen.dart

@@ -0,0 +1,63 @@
+// Copyright 2021 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+class TypographyScreen extends StatelessWidget {
+  const TypographyScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final textTheme = Theme.of(context)
+        .textTheme
+        .apply(displayColor: Theme.of(context).colorScheme.onSurface);
+    return Expanded(
+      child: ListView(
+        children: <Widget>[
+          const SizedBox(height: 7),
+          TextStyleExample(
+              name: 'Display Large', style: textTheme.displayLarge!),
+          TextStyleExample(
+              name: 'Display Medium', style: textTheme.displayMedium!),
+          TextStyleExample(
+              name: 'Display Small', style: textTheme.displaySmall!),
+          TextStyleExample(
+              name: 'Headline Large', style: textTheme.headlineLarge!),
+          TextStyleExample(
+              name: 'Headline Medium', style: textTheme.headlineMedium!),
+          TextStyleExample(
+              name: 'Headline Small', style: textTheme.headlineSmall!),
+          TextStyleExample(name: 'Title Large', style: textTheme.titleLarge!),
+          TextStyleExample(name: 'Title Medium', style: textTheme.titleMedium!),
+          TextStyleExample(name: 'Title Small', style: textTheme.titleSmall!),
+          TextStyleExample(name: 'Label Large', style: textTheme.labelLarge!),
+          TextStyleExample(name: 'Label Medium', style: textTheme.labelMedium!),
+          TextStyleExample(name: 'Label Small', style: textTheme.labelSmall!),
+          TextStyleExample(name: 'Body Large', style: textTheme.bodyLarge!),
+          TextStyleExample(name: 'Body Medium', style: textTheme.bodyMedium!),
+          TextStyleExample(name: 'Body Small', style: textTheme.bodySmall!),
+        ],
+      ),
+    );
+  }
+}
+
+class TextStyleExample extends StatelessWidget {
+  const TextStyleExample({
+    super.key,
+    required this.name,
+    required this.style,
+  });
+
+  final String name;
+  final TextStyle style;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Text(name, style: style),
+    );
+  }
+}

pubspec.lock

@@ -57,6 +57,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  firebase_core:
+    dependency: "direct main"
+    description:
+      name: firebase_core
+      sha256: "675c209c94a1817649137cbd113fc4c9ae85e48d03dd578629abbec6d8a4d93d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.16.0"
+  firebase_core_platform_interface:
+    dependency: transitive
+    description:
+      name: firebase_core_platform_interface
+      sha256: b63e3be6c96ef5c33bdec1aab23c91eb00696f6452f0519401d640938c94cba2
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.8.0"
+  firebase_core_web:
+    dependency: transitive
+    description:
+      name: firebase_core_web
+      sha256: e8c408923cd3a25bd342c576a114f2126769cd1a57106a4edeaa67ea4a84e962
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.8.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -75,6 +99,19 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.7"
   lints:
     dependency: transitive
     description:
@@ -115,6 +152,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.8.3"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: da3fdfeccc4d4ff2da8f8c556704c08f912542c5fb3cf2233ed75372384a034d
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.6"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -168,6 +213,70 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.0"
+  url_launcher:
+    dependency: "direct main"
+    description:
+      name: url_launcher
+      sha256: "47e208a6711459d813ba18af120d9663c20bdf6985d6ad39fe165d2538378d27"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.14"
+  url_launcher_android:
+    dependency: transitive
+    description:
+      name: url_launcher_android
+      sha256: b04af59516ab45762b2ca6da40fa830d72d0f6045cd97744450b73493fa76330
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.0"
+  url_launcher_ios:
+    dependency: transitive
+    description:
+      name: url_launcher_ios
+      sha256: "7c65021d5dee51813d652357bc65b8dd4a6177082a9966bc8ba6ee477baa795f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.5"
+  url_launcher_linux:
+    dependency: transitive
+    description:
+      name: url_launcher_linux
+      sha256: b651aad005e0cb06a01dbd84b428a301916dc75f0e7ea6165f80057fee2d8e8e
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.6"
+  url_launcher_macos:
+    dependency: transitive
+    description:
+      name: url_launcher_macos
+      sha256: b55486791f666e62e0e8ff825e58a023fd6b1f71c49926483f1128d3bbd8fe88
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.7"
+  url_launcher_platform_interface:
+    dependency: transitive
+    description:
+      name: url_launcher_platform_interface
+      sha256: "95465b39f83bfe95fcb9d174829d6476216f2d548b79c38ab2506e0458787618"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.5"
+  url_launcher_web:
+    dependency: transitive
+    description:
+      name: url_launcher_web
+      sha256: "2942294a500b4fa0b918685aff406773ba0a4cd34b7f42198742a94083020ce5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.20"
+  url_launcher_windows:
+    dependency: transitive
+    description:
+      name: url_launcher_windows
+      sha256: "95fef3129dc7cfaba2bc3d5ba2e16063bb561fc6d78e63eee16162bc70029069"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.8"
   vector_math:
     dependency: transitive
     description:
@@ -186,3 +295,4 @@ packages:
     version: "0.1.4-beta"
 sdks:
   dart: ">=3.1.2 <4.0.0"
+  flutter: ">=3.13.0"

pubspec.yaml

@@ -31,10 +31,16 @@ dependencies:
   flutter:
     sdk: flutter
 
+  google_sign_in: ^6.1.5
+
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
+  firebase_core: ^2.16.0
+  url_launcher: ^6.1.14
+  firebase_auth: ^4.10.0
+  form_field_validator: ^1.1.0
 
 dev_dependencies:
   flutter_test:

test/widget_test.dart

@@ -13,7 +13,7 @@ import 'package:progetto_m335_flutter/main.dart';
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {
     // Build our app and trigger a frame.
-    await tester.pumpWidget(const MyApp());
+    await tester.pumpWidget(const App());
 
     // Verify that our counter starts at 0.
     expect(find.text('0'), findsOneWidget);