Updated Flutter SDK for Null-Safety

Ported Progress Detail Screen to PlatformScaffold

Signed-off-by: Andreas Fahrecker <AndreasFahrecker@gmail.com>

.gitignore

@@ -1,5 +1,6 @@
 # Miscellaneous
 *.class
+*.lock
 *.log
 *.pyc
 *.swp
@@ -8,7 +9,6 @@
 .buildlog/
 .history
 .svn/
-migrate_working_dir/
 
 # IntelliJ related
 *.iml
@@ -16,28 +16,102 @@ migrate_working_dir/
 *.iws
 .idea/
 
-# The .vscode folder contains launch configuration and tasks you configure in
-# VS Code which you may wish to be included in version control, so this line
-# is commented out by default.
-#.vscode/
+# Visual Studio Code related
+.classpath
+.project
+.settings/
+.vscode/
+
+# Flutter repo-specific
+/bin/cache/
+/bin/internal/bootstrap.bat
+/bin/internal/bootstrap.sh
+/bin/mingit/
+/dev/benchmarks/mega_gallery/
+/dev/bots/.recipe_deps
+/dev/bots/android_tools/
+/dev/devicelab/ABresults*.json
+/dev/docs/doc/
+/dev/docs/flutter.docs.zip
+/dev/docs/lib/
+/dev/docs/pubspec.yaml
+/dev/integration_tests/**/xcuserdata
+/dev/integration_tests/**/Pods
+/packages/flutter/coverage/
+version
+analysis_benchmark.json
+
+# packages file containing multi-root paths
+.packages.generated
 
 # Flutter/Dart/Pub related
 **/doc/api/
-**/ios/Flutter/.last_build_id
 .dart_tool/
 .flutter-plugins
 .flutter-plugins-dependencies
+**/generated_plugin_registrant.dart
+.packages
 .pub-cache/
 .pub/
-/build/
+build/
+flutter_*.png
+linked_*.ds
+unlinked.ds
+unlinked_spec.ds
 
-# Symbolication related
+# Android related
+**/android/**/gradle-wrapper.jar
+**/android/.gradle
+**/android/captures/
+**/android/gradlew
+**/android/gradlew.bat
+**/android/local.properties
+**/android/**/GeneratedPluginRegistrant.java
+**/android/key.properties
+*.jks
+
+# iOS/XCode related
+**/ios/**/*.mode1v3
+**/ios/**/*.mode2v3
+**/ios/**/*.moved-aside
+**/ios/**/*.pbxuser
+**/ios/**/*.perspectivev3
+**/ios/**/*sync/
+**/ios/**/.sconsign.dblite
+**/ios/**/.tags*
+**/ios/**/.vagrant/
+**/ios/**/DerivedData/
+**/ios/**/Icon?
+**/ios/**/Pods/
+**/ios/**/.symlinks/
+**/ios/**/profile
+**/ios/**/xcuserdata
+**/ios/.generated/
+**/ios/Flutter/.last_build_id
+**/ios/Flutter/App.framework
+**/ios/Flutter/Flutter.framework
+**/ios/Flutter/Flutter.podspec
+**/ios/Flutter/Generated.xcconfig
+**/ios/Flutter/app.flx
+**/ios/Flutter/app.zip
+**/ios/Flutter/flutter_assets/
+**/ios/Flutter/flutter_export_environment.sh
+**/ios/ServiceDefinitions.json
+**/ios/Runner/GeneratedPluginRegistrant.*
+
+# macOS
+**/macos/Flutter/GeneratedPluginRegistrant.swift
+
+# Coverage
+coverage/
+
+# Symbols
 app.*.symbols
 
-# Obfuscation related
-app.*.map.json
-
-# Android Studio will place build artifacts here
-/android/app/debug
-/android/app/profile
-/android/app/release
+# Exceptions to above rules.
+!**/ios/**/default.mode1v3
+!**/ios/**/default.mode2v3
+!**/ios/**/default.pbxuser
+!**/ios/**/default.perspectivev3
+!/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages
+!/dev/ci/**/Gemfile.lock

.metadata

@@ -4,42 +4,7 @@
 # This file should be version controlled and should not be manually edited.
 
 version:
-  revision: "ba393198430278b6595976de84fe170f553cc728"
-  channel: "stable"
+  revision: fba99f6cf9a14512e461e3122c8ddfaa25394e89
+  channel: stable
 
 project_type: app
-
-# Tracks metadata for the flutter migrate command
-migration:
-  platforms:
-    - platform: root
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-    - platform: android
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-    - platform: ios
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-    - platform: linux
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-    - platform: macos
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-    - platform: web
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-    - platform: windows
-      create_revision: ba393198430278b6595976de84fe170f553cc728
-      base_revision: ba393198430278b6595976de84fe170f553cc728
-
-  # User provided section
-
-  # List of Local paths (relative to this file) that should be
-  # ignored by the migrate tool.
-  #
-  # Files that are not part of the templates will be ignored by default.
-  unmanaged_files:
-    - 'lib/main.dart'
-    - 'ios/Runner.xcodeproj/project.pbxproj'

README.md

@@ -9,17 +9,13 @@ including their current percentages.
 
 ## Current State of the repo.
 
-Currently, the code in this branch is pretty messed up. Since I wrote that application from a
-prototype which, was developed as my first flutter project and in a very short time.
-Since, then most of the work that went into this project was cleanup work.
+Now the repo is mostly cleaned up.
 
-Currently I am working on a clean codebase in the feature/platform-widget branch.
-
-At this state, the base screens of the app are located in lib/screens,
-all other ui widgets are located in li/widgets,
-the model classes are located in lib/model,
-files related to persisting the data are in lib/persistence,
-and redux related files are spread over lib/actions lib/middleware lib/reducers and lib/reducers.
+My own model classes are located in lib/models.
+The logic for converting the models to json format and saving them is in lib/persistence.
+All redux logic, including store connector widgets are in lib/redux.
+The Flutter UI widgets are located in lib/ui.
+Other stuff is in lib/utils or directly in lib.
 
 - [Google Play](https://play.google.com/store/apps/details?id=com.fahrecker.time_progress_calculator)
 

analysis_options.yaml

@@ -1,28 +0,0 @@
-# This file configures the analyzer, which statically analyzes Dart code to
-# check for errors, warnings, and lints.
-#
-# The issues identified by the analyzer are surfaced in the UI of Dart-enabled
-# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be
-# invoked from the command line by running `flutter analyze`.
-
-# The following line activates a set of recommended lints for Flutter apps,
-# packages, and plugins designed to encourage good coding practices.
-include: package:flutter_lints/flutter.yaml
-
-linter:
-  # The lint rules applied to this project can be customized in the
-  # section below to disable rules from the `package:flutter_lints/flutter.yaml`
-  # included above or to enable additional rules. A list of all available lints
-  # and their documentation is published at https://dart.dev/lints.
-  #
-  # Instead of disabling a lint rule for the entire project in the
-  # section below, it can also be suppressed for a single line of code
-  # or a specific dart file by using the `// ignore: name_of_lint` and
-  # `// ignore_for_file: name_of_lint` syntax on the line or in the file
-  # producing the lint.
-  rules:
-    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
-    # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
-
-# Additional information about this file can be found at
-# https://dart.dev/guides/language/analysis-options

android/.gitignore

@@ -9,5 +9,3 @@ GeneratedPluginRegistrant.java
 # Remember to never publicly share your keystore.
 # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
 key.properties
-**/*.keystore
-**/*.jks

android/app/build.gradle

@@ -1,9 +1,3 @@
-plugins {
-    id "com.android.application"
-    id "kotlin-android"
-    id "dev.flutter.flutter-gradle-plugin"
-}
-
 def localProperties = new Properties()
 def localPropertiesFile = rootProject.file('local.properties')
 if (localPropertiesFile.exists()) {
@@ -12,6 +6,11 @@ if (localPropertiesFile.exists()) {
     }
 }
 
+def flutterRoot = localProperties.getProperty('flutter.sdk')
+if (flutterRoot == null) {
+    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
+}
+
 def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
 if (flutterVersionCode == null) {
     flutterVersionCode = '1'
@@ -22,6 +21,10 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
+apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
+apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
+
 def keystoreProperties = new Properties()
 def keystorePropertiesFile = rootProject.file('key.properties')
 if (keystorePropertiesFile.exists()) {
@@ -29,30 +32,21 @@ if (keystorePropertiesFile.exists()) {
 }
 
 android {
-    namespace "com.fahrecker.time_progress_calculator"
-    compileSdk flutter.compileSdkVersion
-    ndkVersion flutter.ndkVersion
-
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-
-    kotlinOptions {
-        jvmTarget = '1.8'
-    }
+    compileSdkVersion 28
 
     sourceSets {
         main.java.srcDirs += 'src/main/kotlin'
     }
 
+    lintOptions {
+        disable 'InvalidPackage'
+    }
+
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "com.fahrecker.time_progress_calculator"
-        // You can update the following values to match your application needs.
-        // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
-        minSdkVersion flutter.minSdkVersion
-        targetSdkVersion flutter.targetSdkVersion
+        minSdkVersion 16
+        targetSdkVersion 29
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
     }
@@ -77,4 +71,6 @@ flutter {
     source '../..'
 }
 
-dependencies {}
+dependencies {
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+}

android/app/src/debug/AndroidManifest.xml

@@ -1,7 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.fahrecker.time_progress_calculator">
-    <!-- The INTERNET permission is required for development. Specifically,
-         the Flutter tool needs it to communicate with the running application
+    <!-- Flutter needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
     -->
     <uses-permission android:name="android.permission.INTERNET"/>

android/app/src/main/AndroidManifest.xml

@@ -1,12 +1,16 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.fahrecker.time_progress_calculator">
+    <!-- io.flutter.app.FlutterApplication is an android.app.Application that
+         calls FlutterMain.startInitialization(this); in its onCreate method.
+         In most cases you can leave this as-is, but you if you want to provide
+         additional functionality it is fine to subclass or reimplement
+         FlutterApplication and put your custom class here. -->
     <application
+        android:name="io.flutter.app.FlutterApplication"
         android:label="Time Progress Tracker"
-        android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher">
         <activity
             android:name=".MainActivity"
-            android:exported="true"
             android:launchMode="singleTop"
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
@@ -20,6 +24,15 @@
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
               />
+            <!-- Displays an Android View that continues showing the launch screen
+                 Drawable until Flutter paints its first frame, then this splash
+                 screen fades out. A splash screen is useful to avoid any visual
+                 gap between the end of Android's launch screen and the painting of
+                 Flutter's first frame. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.SplashScreenDrawable"
+              android:resource="@drawable/launch_background"
+              />
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
@@ -31,15 +44,4 @@
             android:name="flutterEmbedding"
             android:value="2" />
     </application>
-    <!-- Required to query activities that can process text, see:
-         https://developer.android.com/training/package-visibility?hl=en and
-         https://developer.android.com/reference/android/content/Intent#ACTION_PROCESS_TEXT.
-
-         In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
-    <queries>
-        <intent>
-            <action android:name="android.intent.action.PROCESS_TEXT"/>
-            <data android:mimeType="text/plain"/>
-        </intent>
-    </queries>
 </manifest>

android/app/src/main/res/values-night/styles.xml

@@ -3,14 +3,14 @@
     <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
     <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <!-- Show a splash screen on the activity. Automatically removed when
-             the Flutter engine draws its first frame -->
+             Flutter draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-
+         
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
     <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>

android/app/src/main/res/values/styles.xml

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+    <!-- Theme applied to the Android Window while the process is starting -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
         <!-- Show a splash screen on the activity. Automatically removed when
-             the Flutter engine draws its first frame -->
+             Flutter draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-
+         
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
-        <item name="android:windowBackground">?android:colorBackground</item>
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">@android:color/white</item>
     </style>
 </resources>

android/app/src/profile/AndroidManifest.xml

@@ -1,7 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.fahrecker.time_progress_calculator">
-    <!-- The INTERNET permission is required for development. Specifically,
-         the Flutter tool needs it to communicate with the running application
+    <!-- Flutter needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
     -->
     <uses-permission android:name="android.permission.INTERNET"/>

android/build.gradle

@@ -1,7 +1,20 @@
+buildscript {
+    ext.kotlin_version = '1.3.50'
+    repositories {
+        google()
+        jcenter()
+    }
+
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.5.0'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+    }
+}
+
 allprojects {
     repositories {
         google()
-        mavenCentral()
+        jcenter()
     }
 }
 
@@ -13,6 +26,6 @@ subprojects {
     project.evaluationDependsOn(':app')
 }
 
-tasks.register("clean", Delete) {
+task clean(type: Delete) {
     delete rootProject.buildDir
 }

android/gradle.properties

@@ -1,3 +1,4 @@
-org.gradle.jvmargs=-Xmx4G
+org.gradle.jvmargs=-Xmx1536M
+android.enableR8=true
 android.useAndroidX=true
 android.enableJetifier=true

android/gradle/wrapper/gradle-wrapper.properties

@@ -1,5 +1,6 @@
+#Fri Jun 23 08:50:38 CEST 2017
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip

android/settings.gradle

@@ -1,26 +1,11 @@
-pluginManagement {
-    def flutterSdkPath = {
-        def properties = new Properties()
-        file("local.properties").withInputStream { properties.load(it) }
-        def flutterSdkPath = properties.getProperty("flutter.sdk")
-        assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
-        return flutterSdkPath
-    }
-    settings.ext.flutterSdkPath = flutterSdkPath()
+include ':app'
 
-    includeBuild("${settings.ext.flutterSdkPath}/packages/flutter_tools/gradle")
+def localPropertiesFile = new File(rootProject.projectDir, "local.properties")
+def properties = new Properties()
 
-    repositories {
-        google()
-        mavenCentral()
-        gradlePluginPortal()
-    }
-}
+assert localPropertiesFile.exists()
+localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) }
 
-plugins {
-    id "dev.flutter.flutter-plugin-loader" version "1.0.0"
-    id "com.android.application" version "7.3.0" apply false
-    id "org.jetbrains.kotlin.android" version "1.7.10" apply false
-}
-
-include ":app"
+def flutterSdkPath = properties.getProperty("flutter.sdk")
+assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
+apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle"

ios/.gitignore

@@ -1,4 +1,3 @@
-**/dgph
 *.mode1v3
 *.mode2v3
 *.moved-aside
@@ -19,7 +18,6 @@ Flutter/App.framework
 Flutter/Flutter.framework
 Flutter/Flutter.podspec
 Flutter/Generated.xcconfig
-Flutter/ephemeral/
 Flutter/app.flx
 Flutter/app.zip
 Flutter/flutter_assets/

ios/Flutter/AppFrameworkInfo.plist

@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>12.0</string>
+  <string>8.0</string>
 </dict>
 </plist>

ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1510"
+   LastUpgradeVersion = "1020"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"
@@ -27,6 +27,8 @@
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
       <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
@@ -36,19 +38,8 @@
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>
       </MacroExpansion>
-      <Testables>
-         <TestableReference
-            skipped = "NO"
-            parallelizable = "YES">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               BlueprintIdentifier = "331C8080294A63A400263BE5"
-               BuildableName = "RunnerTests.xctest"
-               BlueprintName = "RunnerTests"
-               ReferencedContainer = "container:Runner.xcodeproj">
-            </BuildableReference>
-         </TestableReference>
-      </Testables>
+      <AdditionalOptions>
+      </AdditionalOptions>
    </TestAction>
    <LaunchAction
       buildConfiguration = "Debug"
@@ -70,6 +61,8 @@
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>
       </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Profile"

ios/Runner/Info.plist

@@ -41,9 +41,7 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>CADisableMinimumFrameDurationOnPhone</key>
-	<true/>
-	<key>UIApplicationSupportsIndirectInputEvents</key>
-	<true/>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
 </dict>
 </plist>

ios/RunnerTests/RunnerTests.swift

@@ -1,12 +0,0 @@
-import Flutter
-import UIKit
-import XCTest
-
-class RunnerTests: XCTestCase {
-
-  func testExample() {
-    // If you add code to the Runner application, consider adding tests here.
-    // See https://developer.apple.com/documentation/xctest for more information about using XCTest.
-  }
-
-}

lib/actions/actions.dart

@@ -1,59 +0,0 @@
-import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/models/app_settings.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-
-class LoadSettingsAction {}
-
-class AppSettingsLoadedActions {
-  final AppSettings appSettings;
-
-  AppSettingsLoadedActions(this.appSettings);
-}
-
-class UpdateAppSettingsActions {
-  final AppSettings appSettings;
-
-  UpdateAppSettingsActions(this.appSettings);
-}
-
-class AppSettingsNotLoadedAction {}
-
-class LoadTimeProgressListAction {}
-
-class TimeProgressListLoadedAction {
-  final List<TimeProgress> timeProgressList;
-
-  TimeProgressListLoadedAction(this.timeProgressList);
-}
-
-class TimeProgressListNotLoadedAction {}
-
-class AddTimeProgressAction {
-  final TimeProgress timeProgress;
-
-  AddTimeProgressAction(this.timeProgress);
-}
-
-class UpdateTimeProgressAction {
-  final String id;
-  final TimeProgress updatedTimeProgress;
-
-  UpdateTimeProgressAction(this.id, this.updatedTimeProgress);
-}
-
-class DeleteTimeProgressAction {
-  final String id;
-
-  DeleteTimeProgressAction(this.id);
-}
-
-void loadTimeProgressListIfUnloaded(Store<AppState> store) {
-  if (!store.state.hasProgressesLoaded) {
-    store.dispatch(LoadTimeProgressListAction());
-  }
-}
-
-void loadSettingsIfUnloaded(Store<AppState> store) {
-  if (!store.state.hasSettingsLoaded) store.dispatch(LoadSettingsAction());
-}

lib/app.dart

@@ -1,45 +1,31 @@
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
-import 'package:time_progress_tracker/screens/progress_creation_screen.dart';
-import 'package:time_progress_tracker/screens/home_screen.dart';
-import 'package:time_progress_tracker/screens/progress_detail_screen.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
+import 'package:time_progress_tracker/ui/screens/dashboard_screen.dart';
+import 'package:time_progress_tracker/utils/theme_utils.dart';
 
 class TimeProgressTrackerApp extends StatelessWidget {
   static const String name = "Time Progress Tracker";
 
   final Store<AppState> store;
 
-  const TimeProgressTrackerApp({
-    super.key,
+  TimeProgressTrackerApp({
+    Key? key,
     required this.store,
-  });
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return StoreProvider(
       store: store,
-      child: MaterialApp(
+      child: PlatformApp(
         title: name,
-        theme: ThemeData(
-          primarySwatch: Colors.indigo,
-          colorScheme: ColorScheme.fromSwatch(
-            primarySwatch: Colors.indigo,
-            accentColor: Colors.indigoAccent,
-            backgroundColor: Colors.white
-          ),
-          brightness: Brightness.light,
-          visualDensity: VisualDensity.adaptivePlatformDensity,
-        ),
-        initialRoute: HomeScreen.routeName,
-        routes: {
-          HomeScreen.routeName: (BuildContext context) => const HomeScreen(),
-          ProgressDetailScreen.routeName: (BuildContext context) =>
-              const ProgressDetailScreen(),
-          ProgressCreationScreen.routeName: (BuildContext context) =>
-              const ProgressCreationScreen(),
-        },
+        home: DashboardScreen(),
+        material: (_, __) => MaterialAppData(theme: materialThemeData),
+        cupertino: (_, __) => CupertinoAppData(theme: cupertinoThemeData),
       ),
     );
   }

lib/helper_functions.dart

@@ -1,17 +0,0 @@
-import 'dart:ui';
-
-import 'package:time_progress_tracker/models/time_progress.dart';
-
-TimeProgress selectProgressById(List<TimeProgress> tpList, String id) =>
-    tpList.firstWhere((tp) => tp.id == id, orElse: () => TimeProgress.initialDefault());
-
-List<TimeProgress> selectActiveProgresses(List<TimeProgress> tpList) =>
-    tpList.where((tp) => tp.hasStarted() && !tp.hasEnded()).toList();
-
-List<TimeProgress> selectInactiveProgresses(List<TimeProgress> tpList) =>
-    tpList.where((tp) => !tp.hasStarted() || tp.hasEnded()).toList();
-
-bool useBrightBackground(Color bC) {
-  double yiq = ((bC.red * 299) + (bC.green * 587) + (bC.blue * 114)) / 1000;
-  return yiq >= 186 || (bC.red == 0 && bC.green == 0 && bC.blue == 0);
-}

lib/main.dart

@@ -2,11 +2,11 @@ import 'package:flutter/material.dart';
 import 'package:redux/redux.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:time_progress_tracker/app.dart';
-import 'package:time_progress_tracker/middleware/store_middleware.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
 import 'package:time_progress_tracker/persistence/app_settings.dart';
-import 'package:time_progress_tracker/persistence/time_progress_repository.dart';
-import 'package:time_progress_tracker/reducers/app_state_reducer.dart';
+import 'package:time_progress_tracker/persistence/time_progress.dart';
+import 'package:time_progress_tracker/redux/reducers/app_state_reducer.dart';
+import 'package:time_progress_tracker/redux/store_middleware.dart';
 
 Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();

lib/models/app_exceptions.dart

@@ -1,5 +1,5 @@
 class TimeProgressInvalidNameException implements Exception {
-  final String invalidName;
+  final invalidName;
 
   TimeProgressInvalidNameException(this.invalidName);
 
@@ -7,8 +7,8 @@ class TimeProgressInvalidNameException implements Exception {
 }
 
 class TimeProgressStartTimeIsNotBeforeEndTimeException implements Exception {
-  final DateTime startTime;
-  final DateTime endTime;
+  final startTime;
+  final endTime;
 
   TimeProgressStartTimeIsNotBeforeEndTimeException(
       this.startTime, this.endTime);

lib/models/app_settings.dart

@@ -13,12 +13,6 @@ class AppSettings {
     required this.duration,
   });
 
-  factory AppSettings.defaults() => const AppSettings(
-        doneColor: Colors.green,
-        leftColor: Colors.red,
-        duration: Duration(days: 365),
-      );
-
   AppSettings copyWith({
     Color? doneColor,
     Color? leftColor,

lib/models/time_progress.dart

@@ -1,6 +1,6 @@
 import 'package:meta/meta.dart';
 import 'package:time_progress_tracker/models/app_exceptions.dart';
-import 'package:time_progress_tracker/persistence/time_progress_entity.dart';
+import 'package:time_progress_tracker/persistence/time_progress.dart';
 import 'package:time_progress_tracker/uuid.dart';
 
 @immutable
@@ -38,7 +38,7 @@ class TimeProgress {
   int allDays() => endTime.difference(startTime).inDays;
 
   double percentDone() {
-    double percent = daysBehind() / (allDays() / 100) / 100;
+    double percent = this.daysBehind() / (this.allDays() / 100) / 100;
     if (percent < 0) percent = 0;
     if (percent > 1) percent = 1;
     return percent;
@@ -48,7 +48,7 @@ class TimeProgress {
       DateTime.now().millisecondsSinceEpoch > startTime.millisecondsSinceEpoch;
 
   int daysTillStart() {
-    if (hasStarted()) throw TimeProgressHasStartedException();
+    if (hasStarted()) throw new TimeProgressHasStartedException();
     return startTime.difference(DateTime.now()).inDays;
   }
 
@@ -56,7 +56,7 @@ class TimeProgress {
       DateTime.now().millisecondsSinceEpoch > endTime.millisecondsSinceEpoch;
 
   int daysSinceEnd() {
-    if (!hasEnded()) throw TimeProgressHasNotEndedException();
+    if (!hasEnded()) throw new TimeProgressHasNotEndedException();
     return DateTime.now().difference(endTime).inDays;
   }
 
@@ -79,19 +79,20 @@ class TimeProgress {
       "TimeProgress{id: $id, name: $name, startTime: $startTime, endTime: $endTime}";
 
   TimeProgressEntity toEntity() {
-    if (!TimeProgress.isNameValid(name)) {
-      throw TimeProgressInvalidNameException(name);
-    }
-    if (!TimeProgress.areTimesValid(startTime, endTime)) {
-      throw TimeProgressStartTimeIsNotBeforeEndTimeException(
+    if (!TimeProgress.isNameValid(name))
+      throw new TimeProgressInvalidNameException(name);
+    if (!TimeProgress.areTimesValid(startTime, endTime))
+      throw new TimeProgressStartTimeIsNotBeforeEndTimeException(
           startTime, endTime);
-    }
     return TimeProgressEntity(id, name, startTime, endTime);
   }
 
-  static TimeProgress fromEntity(TimeProgressEntity entity) =>
-      TimeProgress(entity.name, entity.startTime, entity.endTime,
-          id: entity.id);
+  static TimeProgress fromEntity(TimeProgressEntity entity) => TimeProgress(
+        entity.name,
+        entity.startTime,
+        entity.endTime,
+        id: entity.id,
+      );
 
   static bool isValid(TimeProgress tp) =>
       TimeProgress.isNameValid(tp.name) &&

lib/persistence/app_settings.dart

@@ -1,26 +1,25 @@
-import 'dart:convert';
-
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:time_progress_tracker/models/app_settings.dart';
+import 'package:time_progress_tracker/persistence/repository.dart';
+import 'package:time_progress_tracker/utils/constants.dart';
 
-class AppSettingsRepository {
+class AppSettingsRepository extends Repository<AppSettingsEntity> {
   static const String _key = "app_settings";
-  final SharedPreferences prefs;
-  final JsonCodec codec;
 
-  AppSettingsRepository(this.prefs, {this.codec = json});
+  AppSettingsRepository(SharedPreferences prefs) : super(prefs);
 
-  Future<AppSettingsEntity> loadAppSettings() {
-    final String? jsonString = prefs.getString(_key);
-    if (jsonString == null) {
+  @override
+  Future<AppSettingsEntity> load() {
+    final String? jsonString = this.prefs.getString(_key);
+    if (jsonString == null)
       return Future<AppSettingsEntity>.value(AppSettingsEntity.defaults());
-    }
     return Future<AppSettingsEntity>.value(
         AppSettingsEntity.fromJson(codec.decode(jsonString)));
   }
 
-  Future<bool> saveAppSettings(AppSettingsEntity appSettings) =>
-      prefs.setString(_key, codec.encode(appSettings));
+  @override
+  Future<bool> save(AppSettingsEntity appSettings) =>
+      this.prefs.setString(_key, codec.encode(appSettings));
 }
 
 class AppSettingsEntity {
@@ -32,7 +31,7 @@ class AppSettingsEntity {
   AppSettingsEntity(
       this.doneColorValue, this.leftColorValue, this.durationDays);
 
-  factory AppSettingsEntity.defaults() => AppSettings.defaults().toEntity();
+  factory AppSettingsEntity.defaults() => defaultAppSettings.toEntity();
 
   @override
   int get hashCode => doneColorValue.hashCode ^ leftColorValue.hashCode;

lib/persistence/repository.dart

@@ -0,0 +1,14 @@
+import 'dart:convert';
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+abstract class Repository<T> {
+  final SharedPreferences prefs;
+  final JsonCodec codec;
+
+  Repository(this.prefs, {this.codec = json});
+
+  Future<T> load();
+
+  Future<bool> save(T e);
+}

lib/persistence/time_progress.dart

@@ -0,0 +1,74 @@
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:time_progress_tracker/persistence/repository.dart';
+
+class TimeProgressRepository extends Repository<List<TimeProgressEntity>> {
+  static const String _key = "time_progress_repo";
+
+  TimeProgressRepository(SharedPreferences prefs) : super(prefs);
+
+  @override
+  Future<List<TimeProgressEntity>> load() {
+    final String? jsonString = this.prefs.getString(_key);
+    if (jsonString == null) {
+      return Future<List<TimeProgressEntity>>.value([]);
+    }
+    return Future<List<TimeProgressEntity>>.value(codec
+        .decode(jsonString)["timers"]
+        .cast<Map<String, Object>>()
+        .map<TimeProgressEntity>(TimeProgressEntity.fromJson)
+        .toList(growable: false));
+  }
+
+  @override
+  Future<bool> save(List<TimeProgressEntity> timeProgressList) {
+    final String jsonString = codec.encode(
+        {"timers": timeProgressList.map((timer) => timer.toJson()).toList()});
+    return this.prefs.setString(_key, jsonString);
+  }
+}
+
+class TimeProgressEntity {
+  static const String _idKey = "id",
+      _nameKey = "name",
+      _startTimeKey = "startTime",
+      _endTimeKey = "endTime";
+  final String id;
+  final String name;
+  final DateTime startTime;
+  final DateTime endTime;
+
+  TimeProgressEntity(this.id, this.name, this.startTime, this.endTime);
+
+  @override
+  int get hashCode =>
+      id.hashCode ^ name.hashCode ^ startTime.hashCode ^ endTime.hashCode;
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is TimeProgressEntity &&
+          runtimeType == other.runtimeType &&
+          id == other.id &&
+          name == other.name &&
+          startTime == other.startTime &&
+          endTime == other.endTime;
+
+  Map<String, Object> toJson() {
+    return {
+      _idKey: id,
+      _nameKey: name,
+      _startTimeKey: startTime.millisecondsSinceEpoch,
+      _endTimeKey: endTime.millisecondsSinceEpoch
+    };
+  }
+
+  static TimeProgressEntity fromJson(Map<String, Object> json) {
+    final String id = json[_idKey] as String;
+    final String name = json[_nameKey] as String;
+    final DateTime startTime =
+        DateTime.fromMillisecondsSinceEpoch(json[_startTimeKey] as int);
+    final DateTime endTime =
+        DateTime.fromMillisecondsSinceEpoch(json[_endTimeKey] as int);
+    return TimeProgressEntity(id, name, startTime, endTime);
+  }
+}

lib/persistence/time_progress_entity.dart

@@ -1,41 +0,0 @@
-class TimeProgressEntity {
-  final String id;
-  final String name;
-  final DateTime startTime;
-  final DateTime endTime;
-
-  TimeProgressEntity(this.id, this.name, this.startTime, this.endTime);
-
-  @override
-  int get hashCode =>
-      id.hashCode ^ name.hashCode ^ startTime.hashCode ^ endTime.hashCode;
-
-  @override
-  bool operator ==(Object other) =>
-      identical(this, other) ||
-      other is TimeProgressEntity &&
-          runtimeType == other.runtimeType &&
-          id == other.id &&
-          name == other.name &&
-          startTime == other.startTime &&
-          endTime == other.endTime;
-
-  Map<String, Object> toJson() {
-    return {
-      "id": id,
-      "name": name,
-      "startTime": startTime.millisecondsSinceEpoch,
-      "endTime": endTime.millisecondsSinceEpoch
-    };
-  }
-
-  static TimeProgressEntity fromJson(dynamic json) {
-    final String id = json["id"] as String;
-    final String name = json["name"] as String;
-    final DateTime startTime =
-        DateTime.fromMillisecondsSinceEpoch(json["startTime"] as int);
-    final DateTime endTime =
-        DateTime.fromMillisecondsSinceEpoch(json["endTime"] as int);
-    return TimeProgressEntity(id, name, startTime, endTime);
-  }
-}

lib/persistence/time_progress_repository.dart

@@ -1,28 +0,0 @@
-import 'dart:convert';
-import 'package:shared_preferences/shared_preferences.dart';
-import 'package:time_progress_tracker/persistence/time_progress_entity.dart';
-
-class TimeProgressRepository {
-  static const String _key = "time_progress_repo";
-  final SharedPreferences prefs;
-  final JsonCodec codec;
-
-  TimeProgressRepository(this.prefs, {this.codec = json});
-
-  Future<List<TimeProgressEntity>> loadTimeProgressList() {
-    final String? jsonString = prefs.getString(_key);
-    if (jsonString == null) {
-      return Future<List<TimeProgressEntity>>.value([]);
-    }
-    return Future<List<TimeProgressEntity>>.value(codec
-        .decode(jsonString)["timers"]
-        .map<TimeProgressEntity>(TimeProgressEntity.fromJson)
-        .toList(growable: false));
-  }
-
-  Future<bool> saveTimeProgressList(List<TimeProgressEntity> timeProgressList) {
-    final String jsonString = codec.encode(
-        {"timers": timeProgressList.map((timer) => timer.toJson()).toList()});
-    return prefs.setString(_key, jsonString);
-  }
-}

lib/reducers/app_state_reducer.dart

@@ -1,35 +0,0 @@
-import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
-import 'package:time_progress_tracker/models/app_settings.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
-import 'package:time_progress_tracker/reducers/has_loaded_reducer.dart';
-import 'package:time_progress_tracker/reducers/time_progress_list_reducer.dart';
-
-AppState appStateReducer(AppState state, dynamic action) {
-  return AppState(
-    hasSettingsLoaded:
-        hasSettingsLoadedReducer(state.hasSettingsLoaded, action),
-    hasProgressesLoaded:
-        hasProgressesLoadedReducer(state.hasProgressesLoaded, action),
-    timeProgressList: timeProgressListReducer(state.timeProgressList, action),
-    appSettings: appSettingsReducers(state.appSettings, action),
-  );
-}
-
-final appSettingsReducers = combineReducers<AppSettings>([
-  TypedReducer<AppSettings, AppSettingsLoadedActions>(_loadAppSettings).call,
-  TypedReducer<AppSettings, UpdateAppSettingsActions>(_updateAppSettings).call,
-  TypedReducer<AppSettings, AppSettingsNotLoadedAction>(_setDefaultSettings).call
-]);
-
-AppSettings _loadAppSettings(
-        AppSettings appSettings, AppSettingsLoadedActions nS) =>
-    nS.appSettings;
-
-AppSettings _setDefaultSettings(
-        AppSettings appSettings, AppSettingsNotLoadedAction action) =>
-    AppSettings.defaults();
-
-AppSettings _updateAppSettings(
-        AppSettings appSettings, UpdateAppSettingsActions nS) =>
-    nS.appSettings;

lib/reducers/has_loaded_reducer.dart

@@ -1,28 +0,0 @@
-import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
-
-final hasProgressesLoadedReducer = combineReducers<bool>([
-  TypedReducer<bool, TimeProgressListLoadedAction>(_setProgressesLoaded).call,
-  TypedReducer<bool, TimeProgressListNotLoadedAction>(_setProgressesUnloaded).call
-]);
-
-bool _setProgressesLoaded(bool hasLoaded, TimeProgressListLoadedAction action) {
-  return true;
-}
-
-bool _setProgressesUnloaded(bool hasLoaded, TimeProgressListNotLoadedAction action) {
-  return false;
-}
-
-final hasSettingsLoadedReducer = combineReducers<bool>([
-  TypedReducer<bool, AppSettingsLoadedActions>(_setSettingsLoaded).call,
-  TypedReducer<bool, AppSettingsNotLoadedAction>(_setSettingsUnloaded).call
-]);
-
-bool _setSettingsLoaded(bool hasLoaded, AppSettingsLoadedActions action) {
-  return true;
-}
-
-bool _setSettingsUnloaded(bool hasLoaded, AppSettingsNotLoadedAction action) {
-  return false;
-}

lib/reducers/time_progress_list_reducer.dart

@@ -1,45 +0,0 @@
-import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-
-final timeProgressListReducer = combineReducers<List<TimeProgress>>([
-  TypedReducer<List<TimeProgress>, TimeProgressListLoadedAction>(
-      _setLoadedTimeProgressList).call,
-  TypedReducer<List<TimeProgress>, TimeProgressListNotLoadedAction>(
-      _setEmptyTimeProgressList).call,
-  TypedReducer<List<TimeProgress>, AddTimeProgressAction>(_addTimeProgress).call,
-  TypedReducer<List<TimeProgress>, UpdateTimeProgressAction>(
-      _updateTimeProgress).call,
-  TypedReducer<List<TimeProgress>, DeleteTimeProgressAction>(_deleteTimeProgress).call,
-]);
-
-List<TimeProgress> _setLoadedTimeProgressList(
-    List<TimeProgress> timeProgressList, TimeProgressListLoadedAction action) {
-  return action.timeProgressList;
-}
-
-List<TimeProgress> _setEmptyTimeProgressList(
-    List<TimeProgress> timeProgressList, TimeProgressListNotLoadedAction action) {
-  return [];
-}
-
-List<TimeProgress> _addTimeProgress(
-    List<TimeProgress> timeProgressList, AddTimeProgressAction action) {
-  return List.from(timeProgressList)
-    ..add(action.timeProgress)
-    ..toList(growable: false);
-}
-
-List<TimeProgress> _updateTimeProgress(
-    List<TimeProgress> timeProgressList, UpdateTimeProgressAction action) {
-  return timeProgressList
-      .map((timeProgress) => timeProgress.id == action.id
-          ? action.updatedTimeProgress
-          : timeProgress)
-      .toList(growable: false);
-}
-
-List<TimeProgress> _deleteTimeProgress(
-    List<TimeProgress> timeProgressList, DeleteTimeProgressAction action) {
-  return timeProgressList.where((timeProgress) => timeProgress.id != action.id).toList(growable: false);
-}

lib/redux/actions/app_settings_actions.dart

@@ -0,0 +1,14 @@
+import 'package:time_progress_tracker/models/app_settings.dart';
+import 'package:time_progress_tracker/redux/actions/redux_actions.dart';
+
+class LoadAppSettingsAction {}
+
+class AppSettingsLoadedActions extends AppSettingsAction with BoolAction {
+  AppSettingsLoadedActions(AppSettings appSettings) : super(appSettings);
+}
+
+class UpdateAppSettingsActions extends AppSettingsAction {
+  UpdateAppSettingsActions(AppSettings appSettings) : super(appSettings);
+}
+
+class AppSettingsNotLoadedAction extends BoolAction {}

lib/redux/actions/redux_actions.dart

@@ -0,0 +1,16 @@
+import 'package:time_progress_tracker/models/app_settings.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+
+abstract class BoolAction {}
+
+abstract class AppSettingsAction {
+  final AppSettings appSettings;
+
+  AppSettingsAction(this.appSettings);
+}
+
+abstract class TimeProgressAction {
+  final TimeProgress timeProgress;
+
+  TimeProgressAction(this.timeProgress);
+}

lib/redux/actions/time_progress_actions.dart

@@ -0,0 +1,29 @@
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/actions/redux_actions.dart';
+
+class LoadTimeProgressListAction {}
+
+class TimeProgressListLoadedAction extends BoolAction {
+  final List<TimeProgress> timeProgressList;
+
+  TimeProgressListLoadedAction(this.timeProgressList);
+}
+
+class TimeProgressListNotLoadedAction extends BoolAction {}
+
+class AddTimeProgressAction extends TimeProgressAction {
+  AddTimeProgressAction(TimeProgress timeProgress) : super(timeProgress);
+}
+
+class UpdateTimeProgressAction extends TimeProgressAction {
+  final String id;
+
+  UpdateTimeProgressAction(this.id, TimeProgress timeProgress)
+      : super(timeProgress);
+}
+
+class DeleteTimeProgressAction {
+  final String id;
+
+  DeleteTimeProgressAction(this.id);
+}

lib/redux/app_state.dart

@@ -1,6 +1,7 @@
 import 'package:meta/meta.dart';
 import 'package:time_progress_tracker/models/app_settings.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/utils/constants.dart';
 
 @immutable
 class AppState {
@@ -8,24 +9,22 @@ class AppState {
   final List<TimeProgress> timeProgressList;
   final AppSettings appSettings;
 
-  const AppState(
+  AppState(
       {this.hasProgressesLoaded = false,
       this.hasSettingsLoaded = false,
       this.timeProgressList = const [],
-      required this.appSettings});
+      this.appSettings = defaultAppSettings});
 
   factory AppState.initial() =>
-      AppState(hasProgressesLoaded: false, appSettings: AppSettings.defaults());
+      AppState(hasProgressesLoaded: false, appSettings: defaultAppSettings);
 
   AppState copyWith({
     bool? hasLoaded,
     List<TimeProgress>? timeProgressList,
-    AppSettings? appSettings,
   }) {
     return AppState(
-      hasProgressesLoaded: hasLoaded ?? hasProgressesLoaded,
+      hasProgressesLoaded: hasLoaded ?? this.hasProgressesLoaded,
       timeProgressList: timeProgressList ?? this.timeProgressList,
-      appSettings: appSettings ?? this.appSettings,
     );
   }
 

lib/redux/reducers/app_state_reducer.dart

@@ -0,0 +1,14 @@
+import 'package:time_progress_tracker/redux/app_state.dart';
+import 'package:time_progress_tracker/redux/reducers/bool_reducers.dart';
+import 'package:time_progress_tracker/redux/reducers/model_reducers.dart';
+
+AppState appStateReducer(AppState state, dynamic action) {
+  return AppState(
+    hasSettingsLoaded:
+        hasSettingsLoadedReducer(state.hasSettingsLoaded, action),
+    hasProgressesLoaded:
+        hasProgressesLoadedReducer(state.hasProgressesLoaded, action),
+    timeProgressList: timeProgressListReducer(state.timeProgressList, action),
+    appSettings: appSettingsReducers(state.appSettings, action),
+  );
+}

lib/redux/reducers/bool_reducers.dart

@@ -0,0 +1,22 @@
+import 'package:redux/redux.dart';
+import 'package:time_progress_tracker/redux/actions/app_settings_actions.dart';
+import 'package:time_progress_tracker/redux/actions/redux_actions.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+
+final hasProgressesLoadedReducer = combineReducers<bool>([
+  TypedReducer<bool, TimeProgressListLoadedAction>(_setTrue),
+  TypedReducer<bool, TimeProgressListNotLoadedAction>(_setFalse)
+]);
+
+final hasSettingsLoadedReducer = combineReducers<bool>([
+  TypedReducer<bool, AppSettingsLoadedActions>(_setTrue),
+  TypedReducer<bool, AppSettingsNotLoadedAction>(_setFalse)
+]);
+
+bool _setTrue(bool value, BoolAction action) {
+  return true;
+}
+
+bool _setFalse(bool value, BoolAction action) {
+  return false;
+}

lib/redux/reducers/model_reducers.dart

@@ -0,0 +1,63 @@
+import 'package:redux/redux.dart';
+import 'package:time_progress_tracker/models/app_settings.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/actions/app_settings_actions.dart';
+import 'package:time_progress_tracker/redux/actions/redux_actions.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+import 'package:time_progress_tracker/utils/constants.dart';
+
+final timeProgressListReducer = combineReducers<List<TimeProgress>>([
+  TypedReducer<List<TimeProgress>, TimeProgressListLoadedAction>(
+      _setLoadedTimeProgressList),
+  TypedReducer<List<TimeProgress>, TimeProgressListNotLoadedAction>(
+      _setEmptyTimeProgressList),
+  TypedReducer<List<TimeProgress>, AddTimeProgressAction>(_addTimeProgress),
+  TypedReducer<List<TimeProgress>, UpdateTimeProgressAction>(
+      _updateTimeProgress),
+  TypedReducer<List<TimeProgress>, DeleteTimeProgressAction>(
+      _deleteTimeProgress),
+]);
+
+List<TimeProgress> _setEmptyTimeProgressList(
+    List<TimeProgress> timeProgressList,
+    TimeProgressListNotLoadedAction action) {
+  return [];
+}
+
+List<TimeProgress> _setLoadedTimeProgressList(
+    List<TimeProgress> timeProgressList, TimeProgressListLoadedAction action) {
+  return action.timeProgressList;
+}
+
+List<TimeProgress> _addTimeProgress(
+        List<TimeProgress> timeProgressList, AddTimeProgressAction action) =>
+    List.from(timeProgressList)
+      ..add(action.timeProgress)
+      ..toList(growable: false);
+
+List<TimeProgress> _updateTimeProgress(
+        List<TimeProgress> timeProgressList, UpdateTimeProgressAction action) =>
+    timeProgressList
+        .map((timeProgress) =>
+            timeProgress.id == action.id ? action.timeProgress : timeProgress)
+        .toList(growable: false);
+
+List<TimeProgress> _deleteTimeProgress(
+        List<TimeProgress> timeProgressList, DeleteTimeProgressAction action) =>
+    timeProgressList
+        .where((timeProgress) => timeProgress.id != action.id)
+        .toList(growable: false);
+
+final appSettingsReducers = combineReducers<AppSettings>([
+  TypedReducer<AppSettings, AppSettingsLoadedActions>(_updateAppSettings),
+  TypedReducer<AppSettings, UpdateAppSettingsActions>(_updateAppSettings),
+  TypedReducer<AppSettings, AppSettingsNotLoadedAction>(_setDefaultSettings)
+]);
+
+AppSettings _setDefaultSettings(
+        AppSettings appSettings, AppSettingsNotLoadedAction action) =>
+    defaultAppSettings;
+
+AppSettings _updateAppSettings(
+        AppSettings appSettings, AppSettingsAction action) =>
+    action.appSettings;

lib/redux/redux_selectors.dart

@@ -1,8 +1,8 @@
 import 'dart:ui';
 
 import 'package:time_progress_tracker/models/app_settings.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
 
 List<TimeProgress> timeProgressListSelector(AppState state) =>
     state.timeProgressList;
@@ -46,10 +46,11 @@ List<TimeProgress> pastTimeProgressesSelector(AppState state) =>
         .toList();
 
 TimeProgress? timeProgressByIdSelector(AppState state, String id) {
-  if (state.timeProgressList.isEmpty) return null;
-  return state.timeProgressList.firstWhere(
+  if (state.timeProgressList.length < 1) return null;
+  TimeProgress tp = state.timeProgressList.firstWhere(
       (timeProgress) => timeProgress.id == id,
       orElse: () => TimeProgress.initialDefault());
+  return tp != TimeProgress.initialDefault() ? tp : null;
 }
 
 AppSettings appSettingsSelector(AppState state) {

lib/redux/store_connectors/create_time_progress_store_connector.dart

@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_redux/flutter_redux.dart';
+import 'package:redux/redux.dart';
+import 'package:time_progress_tracker/models/app_settings.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
+import 'package:time_progress_tracker/redux/redux_selectors.dart';
+
+import '../../utils/helper_functions.dart';
+
+class CreateTimeProgressStoreConnector extends StatelessWidget {
+  final Widget Function(BuildContext, CreateTimeProgressViewModel)
+      loadedBuilder;
+
+  CreateTimeProgressStoreConnector({
+    required this.loadedBuilder,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return StoreConnector<AppState, CreateTimeProgressViewModel>(
+      onInit: loadTimeProgressListIfUnloaded,
+      converter: (store) => CreateTimeProgressViewModel._create(store),
+      builder: (context, CreateTimeProgressViewModel vm) {
+        return loadedBuilder(context, vm);
+      },
+    );
+  }
+}
+
+class CreateTimeProgressViewModel {
+  final TimeProgress defaultProgress;
+
+  final void Function(TimeProgress) addTimeProgress;
+
+  CreateTimeProgressViewModel(
+    this.defaultProgress,
+    this.addTimeProgress,
+  );
+
+  factory CreateTimeProgressViewModel._create(Store<AppState> store) {
+    AppSettings settings = appSettingsSelector(store.state);
+    void _addTimeProgress(TimeProgress tp) {
+      if (TimeProgress.isValid(tp)) store.dispatch(AddTimeProgressAction(tp));
+    }
+
+    return CreateTimeProgressViewModel(
+      TimeProgress.defaultFromDuration(settings.duration),
+      _addTimeProgress,
+    );
+  }
+}

lib/redux/store_connectors/settings_store_connector.dart

@@ -1,15 +1,15 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
 import 'package:time_progress_tracker/models/app_settings.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
+import 'package:time_progress_tracker/redux/actions/app_settings_actions.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
 
 class SettingsStoreConnector extends StatelessWidget {
   final Widget Function(BuildContext, SettingsViewModel) loadedBuilder;
 
-  const SettingsStoreConnector({
-    super.key,
+  SettingsStoreConnector({
     required this.loadedBuilder,
   });
 
@@ -19,11 +19,10 @@ class SettingsStoreConnector extends StatelessWidget {
       onInit: loadSettingsIfUnloaded,
       converter: (store) => SettingsViewModel._create(store),
       builder: (context, SettingsViewModel vm) {
-        if (!vm.hasSettingsLoaded) {
-          return const Center(
+        if (!vm.hasSettingsLoaded)
+          return Center(
             child: CircularProgressIndicator(),
           );
-        }
         return loadedBuilder(context, vm);
       },
     );
@@ -46,17 +45,17 @@ class SettingsViewModel {
   );
 
   factory SettingsViewModel._create(Store<AppState> store) {
-    AppSettings appSettings = store.state.appSettings;
+    AppSettings _appSettings = store.state.appSettings;
 
-    void updateDoneColor(Color dC) => store.dispatch(
-        UpdateAppSettingsActions(appSettings.copyWith(doneColor: dC)));
-    void updateLeftColor(Color lC) => store.dispatch(
-        UpdateAppSettingsActions(appSettings.copyWith(leftColor: lC)));
+    void _updateDoneColor(Color dC) => store.dispatch(
+        UpdateAppSettingsActions(_appSettings.copyWith(doneColor: dC)));
+    void _updateLeftColor(Color lC) => store.dispatch(
+        UpdateAppSettingsActions(_appSettings.copyWith(leftColor: lC)));
 
-    void updateDuration(Duration d) => store
-        .dispatch(UpdateAppSettingsActions(appSettings.copyWith(duration: d)));
+    void _updateDuration(Duration d) => store
+        .dispatch(UpdateAppSettingsActions(_appSettings.copyWith(duration: d)));
 
-    return SettingsViewModel(appSettings, store.state.hasSettingsLoaded,
-        updateDoneColor, updateLeftColor, updateDuration);
+    return SettingsViewModel(_appSettings, store.state.hasSettingsLoaded,
+        _updateDoneColor, _updateLeftColor, _updateDuration);
   }
 }

lib/redux/store_connectors/time_progress_list_store_connector.dart

@@ -1,15 +1,14 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
 
 class TimeProgressListStoreConnector extends StatelessWidget {
   final Widget Function(BuildContext, TimeProgressListViewModel) loadedBuilder;
 
-  const TimeProgressListStoreConnector({
-    super.key,
+  TimeProgressListStoreConnector({
     required this.loadedBuilder,
   });
 
@@ -19,11 +18,10 @@ class TimeProgressListStoreConnector extends StatelessWidget {
       onInit: loadTimeProgressListIfUnloaded,
       converter: (store) => TimeProgressListViewModel._create(store),
       builder: (context, TimeProgressListViewModel vm) {
-        if (!vm.hasTpListLoaded) {
-          return const Center(
+        if (!vm.hasTpListLoaded)
+          return Center(
             child: CircularProgressIndicator(),
           );
-        }
         return loadedBuilder(context, vm);
       },
     );

lib/redux/store_connectors/time_progress_store_connector.dart

@@ -1,18 +1,17 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
 
-import '../../helper_functions.dart';
 
 class TimeProgressStoreConnector extends StatelessWidget {
   final String timeProgressId;
   final Widget Function(BuildContext, TimeProgressViewModel) loadedBuilder;
 
-  const TimeProgressStoreConnector({
-    super.key,
+  TimeProgressStoreConnector({
     required this.timeProgressId,
     required this.loadedBuilder,
   });
@@ -24,11 +23,14 @@ class TimeProgressStoreConnector extends StatelessWidget {
       converter: (store) =>
           TimeProgressViewModel._create(store, timeProgressId),
       builder: (context, TimeProgressViewModel vm) {
-        if (!vm.hasTpListLoaded) {
-          return const Center(
+        if (!vm.hasTpListLoaded)
+          return Center(
             child: CircularProgressIndicator(),
           );
-        }
+        if (vm.tp == null)
+          return Center(
+            child: Text("Error Invalid Time Progress"),
+          );
         return loadedBuilder(context, vm);
       },
     );
@@ -36,7 +38,7 @@ class TimeProgressStoreConnector extends StatelessWidget {
 }
 
 class TimeProgressViewModel {
-  final TimeProgress tp;
+  final TimeProgress? tp;
   final bool hasTpListLoaded;
 
   final void Function(TimeProgress) updateTimeProgress;
@@ -50,15 +52,15 @@ class TimeProgressViewModel {
   );
 
   factory TimeProgressViewModel._create(Store<AppState> store, String id) {
-    void updateTimeProgress(TimeProgress tp) =>
+    void _updateTimeProgress(TimeProgress tp) =>
         store.dispatch(UpdateTimeProgressAction(id, tp));
-    void deleteTimeProgress() => store.dispatch(DeleteTimeProgressAction(id));
+    void _deleteTimeProgress() => store.dispatch(DeleteTimeProgressAction(id));
 
     return TimeProgressViewModel(
       selectProgressById(store.state.timeProgressList, id),
       store.state.hasProgressesLoaded,
-      updateTimeProgress,
-      deleteTimeProgress,
+      _updateTimeProgress,
+      _deleteTimeProgress,
     );
   }
 }

lib/redux/store_middleware.dart

@@ -1,12 +1,12 @@
 import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
 import 'package:time_progress_tracker/models/app_settings.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
 import 'package:time_progress_tracker/persistence/app_settings.dart';
-import 'package:time_progress_tracker/persistence/time_progress_entity.dart';
-import 'package:time_progress_tracker/persistence/time_progress_repository.dart';
-import 'package:time_progress_tracker/selectors/time_progress_selectors.dart';
+import 'package:time_progress_tracker/persistence/time_progress.dart';
+import 'package:time_progress_tracker/redux/actions/app_settings_actions.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
+import 'package:time_progress_tracker/redux/redux_selectors.dart';
 
 List<Middleware<AppState>> createStoreMiddleware(
     TimeProgressRepository progressRepo, AppSettingsRepository settingsRepo) {
@@ -17,12 +17,12 @@ List<Middleware<AppState>> createStoreMiddleware(
   final loadSettings = _createLoadAppSettings(settingsRepo);
 
   return [
-    TypedMiddleware<AppState, LoadTimeProgressListAction>(loadTimeProgressList).call,
-    TypedMiddleware<AppState, AddTimeProgressAction>(saveTimeProgressList).call,
-    TypedMiddleware<AppState, UpdateTimeProgressAction>(saveTimeProgressList).call,
-    TypedMiddleware<AppState, DeleteTimeProgressAction>(saveTimeProgressList).call,
-    TypedMiddleware<AppState, LoadSettingsAction>(loadSettings).call,
-    TypedMiddleware<AppState, UpdateAppSettingsActions>(saveSettings).call
+    TypedMiddleware<AppState, LoadTimeProgressListAction>(loadTimeProgressList),
+    TypedMiddleware<AppState, AddTimeProgressAction>(saveTimeProgressList),
+    TypedMiddleware<AppState, UpdateTimeProgressAction>(saveTimeProgressList),
+    TypedMiddleware<AppState, DeleteTimeProgressAction>(saveTimeProgressList),
+    TypedMiddleware<AppState, LoadAppSettingsAction>(loadSettings),
+    TypedMiddleware<AppState, UpdateAppSettingsActions>(saveSettings)
   ];
 }
 
@@ -31,7 +31,7 @@ Middleware<AppState> _createSaveTimeProgressList(
   return (Store<AppState> store, dynamic action, NextDispatcher next) {
     next(action);
 
-    repository.saveTimeProgressList(
+    repository.save(
       timeProgressListSelector(store.state)
           .map<TimeProgressEntity>((timeProgress) => timeProgress.toEntity())
           .toList(growable: false),
@@ -42,9 +42,12 @@ Middleware<AppState> _createSaveTimeProgressList(
 Middleware<AppState> _createLoadTimeProgressList(
     TimeProgressRepository repository) {
   return (Store<AppState> store, dynamic action, NextDispatcher next) {
-    repository.loadTimeProgressList().then((timeProgresses) {
+    repository.load().then((timeProgresses) {
       List<TimeProgress> timeProgressList =
           timeProgresses.map<TimeProgress>(TimeProgress.fromEntity).toList();
+      if (timeProgressList == null) {
+        timeProgressList = [];
+      }
       store.dispatch(TimeProgressListLoadedAction(
         timeProgressList,
       ));
@@ -55,12 +58,12 @@ Middleware<AppState> _createLoadTimeProgressList(
 Middleware<AppState> _createSaveAppSettings(AppSettingsRepository repo) =>
     (Store<AppState> store, dynamic action, NextDispatcher next) {
       next(action);
-      repo.saveAppSettings(store.state.appSettings.toEntity());
+      repo.save(store.state.appSettings.toEntity());
     };
 
 Middleware<AppState> _createLoadAppSettings(AppSettingsRepository repo) =>
     (Store<AppState> store, dynamic action, NextDispatcher next) {
-      repo.loadAppSettings().then((appSettings) {
+      repo.load().then((appSettings) {
         store.dispatch(
             AppSettingsLoadedActions(AppSettings.fromEntity(appSettings)));
       });

lib/screens/home_screen.dart

@@ -1,52 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/widgets/buttons/create_progress_button.dart';
-import 'package:time_progress_tracker/widgets/home/home_bottom_navbar.dart';
-import 'package:time_progress_tracker/widgets/home/tabs/home_active_progresses_tab.dart';
-import 'package:time_progress_tracker/widgets/home/tabs/home_inactive_progresses_tab.dart';
-import 'package:time_progress_tracker/widgets/home/tabs/home_settings_tab.dart';
-
-class HomeScreen extends StatefulWidget {
-  static const routeName = "/home";
-  static const title = "Time Progress Tracker";
-
-  const HomeScreen({super.key});
-
-  @override
-  State<StatefulWidget> createState() {
-    return _HomeScreenState();
-  }
-}
-
-class _HomeScreenState extends State<HomeScreen> {
-  int _currentIndex = 0;
-  final List<Widget> _children = [
-    const HomeActiveProgressesTab(),
-    const HomeInactiveProgressesTab(),
-    const HomeSettingsTab(),
-  ];
-
-  void onBottomTabTapped(int index) {
-    setState(() {
-      _currentIndex = index;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final ThemeData appTheme = Theme.of(context);
-
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text(HomeScreen.title),
-        backgroundColor: appTheme.colorScheme.primary,
-      ),
-      body: _children[_currentIndex],
-      floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
-      floatingActionButton: _currentIndex != 2 ? const CreateProgressButton() : null,
-      bottomNavigationBar: HomeBottomNavBar(
-        currentIndex: _currentIndex,
-        onTap: onBottomTabTapped,
-      ),
-    );
-  }
-}

lib/screens/progress_creation_screen.dart

@@ -1,125 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_redux/flutter_redux.dart';
-import 'package:redux/redux.dart';
-import 'package:time_progress_tracker/actions/actions.dart';
-import 'package:time_progress_tracker/models/app_settings.dart';
-import 'package:time_progress_tracker/models/app_state.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/selectors/time_progress_selectors.dart';
-import 'package:time_progress_tracker/widgets/progress_editor_widget.dart';
-
-class ProgressCreationScreen extends StatefulWidget {
-  static const routeName = "/create-progress";
-  static const title = "Create Time Progress";
-
-  const ProgressCreationScreen({super.key});
-
-  @override
-  State<StatefulWidget> createState() {
-    return _ProgressCreationScreenState();
-  }
-}
-
-class _ProgressCreationScreenState extends State<ProgressCreationScreen> {
-  TimeProgress? timeProgressToCreate;
-  bool _isProgressValid = false;
-
-  void initTimeProgress(TimeProgress timeProgress) {
-    if (timeProgressToCreate == null) {
-      setState(() {
-        timeProgressToCreate = timeProgress;
-      });
-    }
-  }
-
-  void onTimeProgressChanged(
-      TimeProgress newTimeProgress, bool isNewProgressValid) {
-    setState(() {
-      timeProgressToCreate = newTimeProgress;
-      _isProgressValid = isNewProgressValid;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final ThemeData appTheme = Theme.of(context);
-
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text(ProgressCreationScreen.title),
-        backgroundColor: appTheme.colorScheme.primary,
-      ),
-      body: Container(
-        padding: const EdgeInsets.all(12),
-        child: StoreConnector<AppState, _ViewModel>(
-            onInit: loadSettingsIfUnloaded,
-            converter: (store) => _ViewModel.create(store),
-            builder: (context, _ViewModel viewModel) {
-              WidgetsBinding.instance.addPostFrameCallback((_) {
-                initTimeProgress(viewModel.defaultDurationProgress);
-              });
-              return ProgressEditorWidget(
-                timeProgress:
-                    timeProgressToCreate ?? viewModel.defaultDurationProgress,
-                onTimeProgressChanged: onTimeProgressChanged,
-              );
-            }),
-      ),
-      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
-      floatingActionButton: Row(
-        children: <Widget>[
-          Expanded(
-            child: StoreConnector<AppState, _ViewModel>(
-              onInit: loadSettingsIfUnloaded,
-              converter: (store) => _ViewModel.create(store),
-              builder: (context, _ViewModel vm) => FloatingActionButton(
-                heroTag: "createTimeProgressBTN",
-                onPressed: _isProgressValid
-                    ? () {
-                        vm.onAddTimeProgress(
-                            timeProgressToCreate ?? vm.defaultDurationProgress);
-                        Navigator.pop(context);
-                      }
-                    : null,
-                child: const Icon(Icons.save),
-              ),
-            ),
-          ),
-          Expanded(
-            child: FloatingActionButton(
-              heroTag: "cancelTimeProgressCreationBTN",
-              onPressed: () {
-                Navigator.pop(context);
-              },
-              child: const Icon(Icons.cancel),
-            ),
-          )
-        ],
-      ),
-    );
-  }
-}
-
-class _ViewModel {
-  final TimeProgress defaultDurationProgress;
-  final void Function(TimeProgress) onAddTimeProgress;
-
-  _ViewModel({
-    required this.defaultDurationProgress,
-    required this.onAddTimeProgress,
-  });
-
-  factory _ViewModel.create(Store<AppState> store) {
-    AppSettings settings = appSettingsSelector(store.state);
-
-    onAddTimeProgress(TimeProgress tp) {
-      if (TimeProgress.isValid(tp)) store.dispatch(AddTimeProgressAction(tp));
-    }
-
-    return _ViewModel(
-      defaultDurationProgress:
-          TimeProgress.defaultFromDuration(settings.duration),
-      onAddTimeProgress: onAddTimeProgress,
-    );
-  }
-}

lib/screens/progress_detail_screen.dart

@@ -1,136 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/screens/home_screen.dart';
-import 'package:time_progress_tracker/widgets/detail_screen_floating_action_buttons.dart';
-import 'package:time_progress_tracker/widgets/progress_editor_widget.dart';
-import 'package:time_progress_tracker/widgets/progress_view_widget.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/settings_store_connector.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/time_progress_store_connector.dart';
-
-class ProgressDetailScreenArguments {
-  final String id;
-
-  ProgressDetailScreenArguments(this.id);
-}
-
-class ProgressDetailScreen extends StatefulWidget {
-  static const routeName = "/progress";
-  static const title = "Progress View";
-
-  const ProgressDetailScreen({super.key});
-
-  @override
-  State<StatefulWidget> createState() {
-    return _ProgressDetailScreenState();
-  }
-}
-
-class _ProgressDetailScreenState extends State<ProgressDetailScreen> {
-  bool _editMode = false, _isEditedProgressValid = false;
-  TimeProgress? _editedProgress, _originalProgress;
-
-  void _initEditedProgress(TimeProgress tp) {
-    if (_editedProgress == null) {
-      _editedProgress = tp;
-      _originalProgress = tp;
-    }
-  }
-
-  void _onEditedProgressChanged(
-      TimeProgress newProgress, bool isNewProgressValid) {
-    setState(() {
-      _editedProgress = newProgress;
-      _isEditedProgressValid = isNewProgressValid;
-    });
-  }
-
-  void _switchEditMode(bool newMode) {
-    setState(() {
-      _editMode = newMode;
-    });
-  }
-
-  void _cancelEditMode() {
-    setState(() {
-      _editMode = false;
-      _editedProgress = _originalProgress;
-    });
-  }
-
-  List<Widget> _renderColumnChildren(
-      SettingsViewModel settingsVm, TimeProgressViewModel tpVm) {
-    List<Widget> columnChildren = [];
-    if (!_editMode) {
-      columnChildren.add(Expanded(
-          child: ProgressViewWidget(
-        timeProgress: _editMode ? _editedProgress ?? tpVm.tp : tpVm.tp,
-        doneColor: settingsVm.appSettings.doneColor,
-        leftColor: settingsVm.appSettings.leftColor,
-      )));
-    } else {
-      columnChildren.add(Expanded(
-          child: ProgressEditorWidget(
-        timeProgress: _editedProgress ?? tpVm.tp,
-        onTimeProgressChanged: _onEditedProgressChanged,
-      )));
-    }
-    return columnChildren;
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final ThemeData appTheme = Theme.of(context);
-    final ProgressDetailScreenArguments args = ModalRoute.of(context)
-        ?.settings
-        .arguments as ProgressDetailScreenArguments;
-
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text(ProgressDetailScreen.title),
-        backgroundColor: appTheme.colorScheme.primary,
-      ),
-      body: SettingsStoreConnector(
-        loadedBuilder: (context, settingsVm) {
-          return TimeProgressStoreConnector(
-            timeProgressId: args.id,
-            loadedBuilder: (context, tpVm) {
-              _initEditedProgress(tpVm.tp);
-              return Container(
-                margin: const EdgeInsets.all(8),
-                child: Column(
-                  children: _renderColumnChildren(settingsVm, tpVm),
-                ),
-              );
-            },
-          );
-        },
-      ),
-      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
-      floatingActionButton: TimeProgressStoreConnector(
-        timeProgressId: args.id,
-        loadedBuilder: (context, tpVm) {
-          void saveEditedProgress() {
-            tpVm.updateTimeProgress(_editedProgress ?? tpVm.tp);
-            _switchEditMode(false);
-          }
-
-          void deleteTimeProgress() {
-            tpVm.deleteTimeProgress();
-            Navigator.popUntil(
-                context, ModalRoute.withName(HomeScreen.routeName));
-          }
-
-          return DetailScreenFloatingActionButtons(
-              editMode: _editMode,
-              originalProgress: tpVm.tp,
-              editedProgress: _editedProgress ?? tpVm.tp,
-              isEditedProgressValid: _isEditedProgressValid,
-              onEditProgress: () => _switchEditMode(true),
-              onSaveEditedProgress: saveEditedProgress,
-              onCancelEditProgress: _cancelEditMode,
-              onDeleteProgress: deleteTimeProgress);
-        },
-      ),
-    );
-  }
-}

lib/ui/app_yes_no_dialog_widget.dart

@@ -5,12 +5,12 @@ class AppYesNoDialog extends StatelessWidget {
   final String contentText;
   final void Function() onYesPressed;
 
-  const AppYesNoDialog({
-    super.key,
+  AppYesNoDialog({
+    Key? key,
     required this.titleText,
     required this.contentText,
     required this.onYesPressed,
-  });
+  }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -18,15 +18,15 @@ class AppYesNoDialog extends StatelessWidget {
       title: Text(titleText),
       content: Text(contentText),
       actions: <Widget>[
-        TextButton(
+        FlatButton(
+          child: Text("Yes"),
           onPressed: onYesPressed,
-          child: const Text("Yes"),
         ),
-        TextButton(
+        FlatButton(
+          child: Text("No"),
           onPressed: () {
             Navigator.pop(context);
           },
-          child: const Text("No"),
         )
       ],
     );

lib/ui/buttons/color_picker_btn.dart

@@ -1,14 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_colorpicker/flutter_colorpicker.dart';
-import 'package:time_progress_tracker/helper_functions.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
 
 class ColorPickerButton extends StatelessWidget {
   final String title, dialogTitle;
   final Color selectedColor;
   final void Function(Color) onColorPicked;
 
-  const ColorPickerButton({
-    super.key,
+  ColorPickerButton({
     required this.title,
     required this.dialogTitle,
     required this.selectedColor,
@@ -35,13 +34,13 @@ class ColorPickerButton extends StatelessWidget {
           },
         );
       },
+      child: Text(title),
       style: TextButton.styleFrom(
-        foregroundColor: useBrightBackground(selectedColor)
-            ? appTheme.primaryTextTheme.labelLarge?.color
-            : appTheme.textTheme.labelLarge?.color,
+        primary: useBrightBackground(selectedColor)
+            ? appTheme.primaryTextTheme.button!.color
+            : appTheme.textTheme.button!.color,
         backgroundColor: selectedColor,
       ),
-      child: Text(title),
     );
   }
 }

lib/ui/buttons/create_progress_button.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
+
+class CreateProgressButton extends StatelessWidget {
+  final String _heroTag = "createTimeProgressBTN";
+
+  final void Function() createProgress;
+
+  const CreateProgressButton({Key? key, required this.createProgress})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    Widget _renderCupertino() {
+      return PlatformButton(
+        padding: EdgeInsets.all(4),
+        child: Icon(
+          Icons.save,
+          color: Colors.white,
+        ),
+        onPressed: () => createProgress(),
+      );
+    }
+
+    Widget _renderMaterial() {
+      return FloatingActionButton(
+        heroTag: _heroTag,
+        child: Icon(Icons.save),
+        onPressed: () => createProgress(),
+      );
+    }
+
+    return useCupertino() ? _renderCupertino() : _renderMaterial();
+  }
+}

lib/ui/buttons/date_picker_btn.dart

@@ -3,22 +3,21 @@ import 'package:flutter/material.dart';
 class DatePickerBtn extends StatelessWidget {
   final String leadingString;
   final DateTime pickedDate;
-  final void Function(DateTime?) onDatePicked;
+  final void Function(DateTime) onDatePicked;
 
-  const DatePickerBtn({
-    super.key,
+  DatePickerBtn({
     required this.leadingString,
     required this.pickedDate,
     required this.onDatePicked,
-  });
+  }) : super();
 
   void _onButtonPressed(BuildContext context) async {
-    onDatePicked(await showDatePicker(
+    onDatePicked((await showDatePicker(
       context: context,
       initialDate: pickedDate,
       firstDate: DateTime(1900),
       lastDate: DateTime(2100),
-    ));
+    ))!);
   }
 
   @override
@@ -26,12 +25,12 @@ class DatePickerBtn extends StatelessWidget {
     ThemeData appTheme = Theme.of(context);
     return TextButton(
       onPressed: () => _onButtonPressed(context),
-      style: TextButton.styleFrom(
-        foregroundColor: appTheme.primaryTextTheme.labelLarge?.color,
-        backgroundColor: appTheme.colorScheme.secondary,
-      ),
       child: Text(
           "$leadingString ${pickedDate.toLocal().toString().split(" ")[0]}"),
+      style: TextButton.styleFrom(
+        primary: appTheme.primaryTextTheme.button!.color,
+        backgroundColor: appTheme.accentColor,
+      ),
     );
   }
 }

lib/ui/buttons/detail_screen_leading_button.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:time_progress_tracker/ui/buttons/platform_action_button.dart';
+
+class DetailScreenLeadingButton extends StatelessWidget {
+  final bool isEditMode, isEditedTpValid;
+  final void Function() saveTp, editTp;
+
+  const DetailScreenLeadingButton({
+    Key? key,
+    required this.isEditMode,
+    required this.isEditedTpValid,
+    required this.saveTp,
+    required this.editTp,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final ThemeData materialTheme = Theme.of(context);
+
+    if (isEditMode)
+      return PlatformActionButton(
+          heroTag: "saveEditedTimeProgressBTN",
+          icon: Icons.save,
+          materialBackground: Colors.green,
+          onBtnPressed: isEditedTpValid ? saveTp : null);
+    return PlatformActionButton(
+      heroTag: "editTimeProgressBTN",
+      icon: Icons.edit,
+      materialBackground: materialTheme.accentColor,
+      onBtnPressed: editTp,
+    );
+  }
+}

lib/ui/buttons/detail_screen_trailing_button.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:time_progress_tracker/ui/buttons/platform_action_button.dart';
+
+class DetailScreenTrailingButton extends StatelessWidget {
+  final bool isEditMode;
+  final void Function() cancelEditTp, deleteTp;
+
+  const DetailScreenTrailingButton({
+    Key? key,
+    required this.isEditMode,
+    required this.cancelEditTp,
+    required this.deleteTp,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    if (isEditMode)
+      return PlatformActionButton(
+          heroTag: "cancelEditTimeProgressBTN",
+          icon: Icons.cancel,
+          materialBackground: Colors.red,
+          onBtnPressed: cancelEditTp);
+    return PlatformActionButton(
+      heroTag: "deleteTimeProgressBTN",
+      icon: Icons.delete,
+      materialBackground: Colors.red,
+      onBtnPressed: deleteTp,
+    );
+  }
+}

lib/ui/buttons/platform_action_button.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
+
+class PlatformActionButton extends StatelessWidget {
+  final String heroTag;
+  final IconData icon;
+  final Color? materialBackground;
+  final void Function()? onBtnPressed;
+
+  const PlatformActionButton({
+    Key? key,
+    required this.heroTag,
+    required this.icon,
+    this.materialBackground,
+    required this.onBtnPressed,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    Widget _renderCupertino() {
+      return PlatformButton(
+        padding: EdgeInsets.all(4),
+        child: Icon(
+          icon,
+          color: Colors.white,
+        ),
+        onPressed: onBtnPressed,
+      );
+    }
+
+    Widget _renderMaterial() {
+      return FloatingActionButton(
+        heroTag: heroTag,
+        child: Icon(icon),
+        backgroundColor: materialBackground,
+        onPressed: onBtnPressed,
+      );
+    }
+
+    return useCupertino() ? _renderCupertino() : _renderMaterial();
+  }
+}

lib/ui/buttons/select_duration_btn.dart

@@ -5,8 +5,7 @@ class SelectDurationBtn extends StatelessWidget {
   final Duration duration;
   final void Function(Duration) updateDuration;
 
-  const SelectDurationBtn({
-    super.key,
+  SelectDurationBtn({
     required this.duration,
     required this.updateDuration,
   });
@@ -26,7 +25,7 @@ class SelectDurationBtn extends StatelessWidget {
           ]),
           hideHeader: false,
           title: const Text("Default Duration"),
-          selectedTextStyle: TextStyle(color: appTheme.colorScheme.secondary),
+          selectedTextStyle: TextStyle(color: appTheme.accentColor),
           onConfirm: _onPickerConfirm)
       .showModal(context);
 
@@ -39,10 +38,10 @@ class SelectDurationBtn extends StatelessWidget {
     int days = duration.inDays - (365 * years) - (30 * months);
     return TextButton(
         onPressed: () => _onButtonPressed(context, appTheme),
+        child: Text("$years Years $months Months $days Days"),
         style: TextButton.styleFrom(
-          foregroundColor: appTheme.primaryTextTheme.labelLarge?.color,
-          backgroundColor: appTheme.colorScheme.secondary,
-        ),
-        child: Text("$years Years $months Months $days Days"));
+          primary: appTheme.primaryTextTheme.button!.color,
+          backgroundColor: appTheme.accentColor,
+        ));
   }
 }

lib/ui/detail_screen_floating_action_buttons.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/widgets/app_yes_no_dialog_widget.dart';
+import 'package:time_progress_tracker/ui/app_yes_no_dialog_widget.dart';
 
 class DetailScreenFloatingActionButtons extends StatelessWidget {
   final bool editMode, isEditedProgressValid;
@@ -10,8 +10,7 @@ class DetailScreenFloatingActionButtons extends StatelessWidget {
       onCancelEditProgress,
       onDeleteProgress;
 
-  const DetailScreenFloatingActionButtons({
-    super.key,
+  DetailScreenFloatingActionButtons({
     required this.editMode,
     required this.originalProgress,
     required this.editedProgress,
@@ -26,10 +25,10 @@ class DetailScreenFloatingActionButtons extends StatelessWidget {
   Widget build(BuildContext context) {
     final ThemeData appTheme = Theme.of(context);
 
-    void onCancelEditTimeProgressBTN() {
-      if (originalProgress == editedProgress) {
+    void _onCancelEditTimeProgressBTN() {
+      if (originalProgress == editedProgress)
         onCancelEditProgress();
-      } else {
+      else {
         showDialog(
           context: context,
           builder: (_) => AppYesNoDialog(
@@ -45,7 +44,7 @@ class DetailScreenFloatingActionButtons extends StatelessWidget {
       }
     }
 
-    void onDeleteTimeProgressBTN() {
+    void _onDeleteTimeProgressBTN() {
       showDialog(
         context: context,
         builder: (_) => AppYesNoDialog(
@@ -62,13 +61,13 @@ class DetailScreenFloatingActionButtons extends StatelessWidget {
           child: FloatingActionButton(
             heroTag:
                 editMode ? "saveEditedTimeProgressBTN" : "editTimeProgressBTN",
-            backgroundColor: editMode ? Colors.green : appTheme.colorScheme.secondary,
+            child: editMode ? Icon(Icons.save) : Icon(Icons.edit),
+            backgroundColor: editMode ? Colors.green : appTheme.accentColor,
             onPressed: editMode
                 ? isEditedProgressValid
                     ? onSaveEditedProgress
                     : null
                 : onEditProgress,
-            child: editMode ? const Icon(Icons.save) : const Icon(Icons.edit),
           ),
         ),
         Expanded(
@@ -76,11 +75,11 @@ class DetailScreenFloatingActionButtons extends StatelessWidget {
             heroTag: editMode
                 ? "cancelEditTimeProgressBTN"
                 : "deleteTimeProgressBTN",
+            child: editMode ? Icon(Icons.cancel) : Icon(Icons.delete),
             backgroundColor: Colors.red,
             onPressed: editMode
-                ? onCancelEditTimeProgressBTN
-                : onDeleteTimeProgressBTN,
-            child: editMode ? const Icon(Icons.cancel) : const Icon(Icons.delete),
+                ? _onCancelEditTimeProgressBTN
+                : _onDeleteTimeProgressBTN,
           ),
         ),
       ],

lib/ui/progress/progress_editor_widget.dart

@@ -1,14 +1,13 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/widgets/buttons/date_picker_btn.dart';
+import 'package:time_progress_tracker/ui/buttons/date_picker_btn.dart';
 
 class ProgressEditorWidget extends StatefulWidget {
   final TimeProgress timeProgress;
   final Function(TimeProgress, bool) onTimeProgressChanged;
 
-  const ProgressEditorWidget({
-    super.key,
+  ProgressEditorWidget({
     required this.timeProgress,
     required this.onTimeProgressChanged,
   });
@@ -33,10 +32,7 @@ class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
     });
   }
 
-  void _onStartDateChanged(DateTime? newStartDate) {
-    if (newStartDate == null) {
-      return;
-    }
+  void _onStartDateChanged(DateTime newStartDate) {
     TimeProgress newProgress =
         widget.timeProgress.copyWith(startTime: newStartDate);
     widget.onTimeProgressChanged(
@@ -47,10 +43,7 @@ class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
     });
   }
 
-  void _onEndDateChanged(DateTime? newEndDate) {
-    if (newEndDate == null) {
-      return;
-    }
+  void _onEndDateChanged(DateTime newEndDate) {
     TimeProgress newProgress =
         widget.timeProgress.copyWith(endTime: newEndDate);
     widget.onTimeProgressChanged(
@@ -70,29 +63,36 @@ class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
 
   @override
   Widget build(BuildContext context) {
-    double heightFactor = (!_validDate) ? 0.3 : 0.5;
-
     List<Widget> columnChildren = [
-      SizedBox(
-        height: MediaQuery.of(context).size.height * heightFactor,
-        child: TextField(
-          controller: _nameTextController,
-          decoration: InputDecoration(
-            border: const OutlineInputBorder(),
-            labelText: "Progress Name",
-            errorText: _validName
-                ? null
-                : "The Name need to have at least 3 and at max 20 symbols.",
+      Expanded(
+        child: Center(
+          child: PlatformTextField(
+            controller: _nameTextController,
+            material: (context, platform) => MaterialTextFieldData(
+              decoration: InputDecoration(
+                border: OutlineInputBorder(),
+                labelText: "Progress Name",
+                errorText: _validName
+                    ? null
+                    : "The Name need to have at least 3 and at max 20 symbols.",
+              ),
+            ),
+            cupertino: (context, platform) => CupertinoTextFieldData(
+              placeholder: "Progress Name",
+              decoration: BoxDecoration(
+                border: Border.all(width: 2, color: Colors.grey),
+                borderRadius: BorderRadius.circular(32),
+              )
+            ),
           ),
         ),
       ),
-      SizedBox(
-        height: MediaQuery.of(context).size.height * heightFactor,
+      Expanded(
         child: Row(
           children: [
             Expanded(
               child: Padding(
-                padding: const EdgeInsets.only(right: 5),
+                padding: EdgeInsets.only(right: 5),
                 child: DatePickerBtn(
                   leadingString: "Start Date:",
                   pickedDate: widget.timeProgress.startTime,
@@ -102,7 +102,7 @@ class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
             ),
             Expanded(
               child: Padding(
-                padding: const EdgeInsets.only(left: 5),
+                padding: EdgeInsets.only(left: 5),
                 child: DatePickerBtn(
                   leadingString: "End Date:",
                   pickedDate: widget.timeProgress.endTime,
@@ -115,11 +115,10 @@ class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
       )
     ];
 
-    if (!_validDate) {
+    if (!_validDate)
       columnChildren.add(
-        SizedBox(
-          height: MediaQuery.of(context).size.height * heightFactor,
-          child: const Center(
+        Expanded(
+          child: Center(
             child: Text(
               "Invalid Dates. The Start Date has to be before the End Date",
               style: TextStyle(color: Colors.red),
@@ -127,10 +126,8 @@ class _ProgressEditorWidgetState extends State<ProgressEditorWidget> {
           ),
         ),
       );
-    }
 
-    return SingleChildScrollView(
-      physics: const NeverScrollableScrollPhysics(),
+    return Container(
       child: Column(
         children: columnChildren,
       ),

lib/ui/progress/progress_list_item.dart

@@ -0,0 +1,122 @@
+import 'dart:io' show Platform;
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:percent_indicator/linear_percent_indicator.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/ui/screens/progress_detail_screen.dart';
+import 'package:time_progress_tracker/utils/theme_utils.dart';
+
+class ProgressListTileStrings {
+  static String percentString(TimeProgress tp) =>
+      "${(tp.percentDone() * 100).floorToDouble()} %";
+
+  static String startsInDaysString(TimeProgress tp) =>
+      "Starts in ${tp.daysTillStart()} Days.";
+
+  static String endedDaysAgoString(TimeProgress tp) =>
+      "Ended ${tp.daysSinceEnd()} Days ago.";
+}
+
+class ProgressListItem extends StatelessWidget {
+  final TimeProgress timeProgress;
+  final Color doneColor, leftColor;
+
+  ProgressListItem({
+    required this.timeProgress,
+    required this.doneColor,
+    required this.leftColor,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    void _onTileTap() => Navigator.push(
+          context,
+          platformPageRoute(
+              context: context,
+              builder: (context) => ProgressDetailScreen(
+                    tpId: timeProgress.id,
+                  )),
+        );
+
+    Widget _renderTitle(bool material) {
+      Text name = Text(
+        timeProgress.name,
+        style: material ? null : cupertinoCardTitleStyle,
+        textAlign: material ? null : TextAlign.left,
+      );
+      Text duration = Text(
+        "${timeProgress.allDays()} Days",
+        style: material ? null : cupertinoCardSubtitleStyle,
+        textAlign: material ? null : TextAlign.left,
+      );
+      Row title = Row(
+        children: [name, Spacer(), duration],
+      );
+      if (!material)
+        return Padding(
+          padding: EdgeInsets.only(bottom: 16, right: 5),
+          child: title,
+        );
+      return title;
+    }
+
+    Widget _renderSubtitle(bool material) {
+      if (!timeProgress.hasStarted())
+        return PlatformText(
+            ProgressListTileStrings.startsInDaysString(timeProgress));
+      if (timeProgress.hasEnded())
+        return PlatformText(
+            ProgressListTileStrings.endedDaysAgoString(timeProgress));
+      LinearPercentIndicator percentIndicator = LinearPercentIndicator(
+        center:
+            PlatformText(ProgressListTileStrings.percentString(timeProgress)),
+        percent: timeProgress.percentDone(),
+        progressColor: doneColor,
+        backgroundColor: leftColor,
+        lineHeight: 20,
+      );
+      if (!material)
+        return Padding(
+          padding: EdgeInsets.only(
+            bottom: 5,
+            right: 5,
+          ),
+          child: percentIndicator,
+        );
+      return percentIndicator;
+    }
+
+    Widget _renderCupertino() {
+      CupertinoThemeData theme = CupertinoTheme.of(context);
+      return CupertinoButton(
+          child: Container(
+            decoration: BoxDecoration(
+              color: theme.primaryColor,
+              borderRadius: BorderRadius.circular(12),
+            ),
+            padding: EdgeInsets.fromLTRB(15, 15, 5, 5),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _renderTitle(false),
+                _renderSubtitle(false),
+              ],
+            ),
+          ),
+          onPressed: _onTileTap);
+    }
+
+    Widget _renderMaterial() {
+      return ListTile(
+        title: _renderTitle(true),
+        subtitle: _renderSubtitle(true),
+        onTap: _onTileTap,
+      );
+    }
+
+    if (Platform.isIOS) return _renderCupertino();
+    return _renderMaterial();
+  }
+}

lib/ui/progress/progress_list_view.dart

@@ -1,34 +1,39 @@
+import 'dart:io' show Platform;
+
 import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/widgets/progress_list_view/progress_list_tile.dart';
+import 'package:time_progress_tracker/ui/progress/progress_list_item.dart';
 
 class ProgressListView extends StatelessWidget {
   final List<TimeProgress> timeProgressList;
   final Color doneColor, leftColor;
 
-  const ProgressListView({
-    super.key,
+  ProgressListView({
     required this.timeProgressList,
     required this.doneColor,
     required this.leftColor,
   });
 
+  Widget _renderListTile(TimeProgress tp) {
+    ProgressListItem listTile = ProgressListItem(
+        timeProgress: tp, doneColor: doneColor, leftColor: leftColor);
+    if (Platform.isIOS) return listTile;
+    return Card(
+      child: listTile,
+    );
+  }
+
   List<Widget> _renderListViewChildren() {
     return timeProgressList
-        .map((e) => Card(
-              child: ProgressListTile(
-                timeProgress: e,
-                doneColor: doneColor,
-                leftColor: leftColor,
-              ),
-            ))
+        .map((e) => _renderListTile(e))
         .toList(growable: false);
   }
 
   @override
   Widget build(BuildContext context) {
     return ListView(
-      padding: const EdgeInsets.all(8),
+      padding: EdgeInsets.all(8),
       children: _renderListViewChildren(),
     );
   }

lib/ui/progress/progress_view_widget.dart

@@ -8,8 +8,7 @@ class ProgressViewWidget extends StatelessWidget {
   final Color doneColor;
   final Color leftColor;
 
-  const ProgressViewWidget({
-    super.key,
+  ProgressViewWidget({
     required this.timeProgress,
     required this.doneColor,
     required this.leftColor,
@@ -17,28 +16,23 @@ class ProgressViewWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return SingleChildScrollView(
-      physics: const NeverScrollableScrollPhysics(),
+    return Container(
       child: Column(
         children: [
-          SizedBox(
-            height: MediaQuery.of(context).size.height *
-                0.3, // adjust the value as needed
+          Expanded(
             child: FittedBox(
               fit: BoxFit.fitWidth,
               child: Text(
                 timeProgress.name,
                 textAlign: TextAlign.center,
-                style: const TextStyle(
+                style: TextStyle(
                   fontWeight: FontWeight.bold,
                   color: Colors.black87,
                 ),
               ),
             ),
           ),
-          SizedBox(
-            height: MediaQuery.of(context).size.height *
-                0.3, // adjust the value as needed
+          Expanded(
             child: CircularPercentIndicator(
               radius: 100,
               lineWidth: 10,
@@ -48,16 +42,14 @@ class ProgressViewWidget extends StatelessWidget {
               center: Text("${(timeProgress.percentDone() * 100).floor()} %"),
             ),
           ),
-          SizedBox(
-            height: MediaQuery.of(context).size.height *
-                0.3, // adjust the value as needed
+          Expanded(
             child: LinearPercentIndicator(
-              padding: const EdgeInsets.symmetric(horizontal: 15),
+              padding: EdgeInsets.symmetric(horizontal: 15),
               percent: timeProgress.percentDone(),
               leading: Text("${timeProgress.daysBehind()} Days"),
               center: Text(
                 "${(timeProgress.percentDone() * 100).floor()} %",
-                style: const TextStyle(color: Colors.white),
+                style: TextStyle(color: Colors.white),
               ),
               trailing: Text("${timeProgress.daysLeft()} Days"),
               progressColor: doneColor,

lib/ui/screens/active_time_progresses_screen.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/redux/store_connectors/settings_store_connector.dart';
+import 'package:time_progress_tracker/redux/store_connectors/time_progress_list_store_connector.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/ui/progress/progress_list_view.dart';
+
+class ActiveTimeProgressesScreen extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return SettingsStoreConnector(loadedBuilder: (context, settingsVm) {
+      return TimeProgressListStoreConnector(loadedBuilder: (context, tpListVm) {
+        List<TimeProgress> activeTpList =
+            selectActiveProgresses(tpListVm.tpList);
+        if (activeTpList.length < 1)
+          return Container(
+            padding: EdgeInsets.all(16),
+            child: Center(
+              child: PlatformText(
+                  "You don't have any active time progress, that are tracked."),
+            ),
+          );
+        return ProgressListView(
+          timeProgressList: activeTpList,
+          doneColor: settingsVm.appSettings.doneColor,
+          leftColor: settingsVm.appSettings.leftColor,
+        );
+      });
+    });
+  }
+}

lib/ui/screens/dashboard_screen.dart

@@ -0,0 +1,104 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/ui/buttons/platform_action_button.dart';
+import 'package:time_progress_tracker/ui/screens/active_time_progresses_screen.dart';
+import 'package:time_progress_tracker/ui/screens/inactive_time_progresses_screen.dart';
+import 'package:time_progress_tracker/ui/screens/progress_creation_screen.dart';
+import 'package:time_progress_tracker/ui/screens/settings_screen.dart';
+import 'package:time_progress_tracker/utils/theme_utils.dart';
+import 'package:time_progress_tracker/utils/constants.dart';
+
+class DashboardScreen extends StatefulWidget {
+  static const routeName = "/dashboard";
+
+  @override
+  State<StatefulWidget> createState() => _DashboardScreenState();
+}
+
+class _DashboardScreenState extends State<DashboardScreen> {
+  int _tabSelectedIndex = 0;
+  String title = txtActiveProgressesScreen;
+
+  Widget _renderTabScreen(int tabIndex) {
+    switch (tabIndex) {
+      case 1:
+        return InactiveTimeProgressesScreen();
+      case 2:
+        return SettingsScreen();
+      default:
+        return ActiveTimeProgressesScreen();
+    }
+  }
+
+  String getScreenTitle(int tabIndex) {
+    switch (tabIndex) {
+      case 1:
+        return txtInactiveProgressesScreen;
+      case 2:
+        return txtSettingsScreen;
+      default:
+        return txtActiveProgressesScreen;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    PlatformActionButton? _renderCreateProgressBtn() => _tabSelectedIndex == 2
+        ? null
+        : PlatformActionButton(
+            heroTag: "goToCreateTimeProgressBTN",
+            icon: Icons.add,
+            onBtnPressed: () => Navigator.push(
+              context,
+              platformPageRoute(
+                context: context,
+                builder: (context) => ProgressCreationScreen(),
+              ),
+            ),
+          );
+
+    return PlatformScaffold(
+      appBar: PlatformAppBar(
+        title: Text(
+          title,
+          style: toolbarTextStyle,
+        ),
+        cupertino: (_, __) => CupertinoNavigationBarData(
+          transitionBetweenRoutes: false,
+          leading: _renderCreateProgressBtn(),
+        ),
+      ),
+      material: (_, __) => MaterialScaffoldData(
+        floatingActionButton: _renderCreateProgressBtn(),
+      ),
+      body: _renderTabScreen(_tabSelectedIndex),
+      bottomNavBar: PlatformNavBar(
+          currentIndex: _tabSelectedIndex,
+          itemChanged: (index) {
+            setState(() {
+              _tabSelectedIndex = index;
+              title = getScreenTitle(index);
+            });
+          },
+          backgroundColor: bottomTabsBackground,
+          items: [
+            BottomNavigationBarItem(
+              icon: Icon(Icons.alarm, color: Colors.grey),
+              label: txtActiveProgressesScreen,
+              activeIcon: Icon(Icons.alarm, color: Colors.white),
+            ),
+            BottomNavigationBarItem(
+              icon: Icon(Icons.alarm_off, color: Colors.grey),
+              label: txtInactiveProgressesScreen,
+              activeIcon: Icon(Icons.alarm_off, color: Colors.white),
+            ),
+            BottomNavigationBarItem(
+              icon: Icon(Icons.settings, color: Colors.grey),
+              label: txtSettingsScreen,
+              activeIcon: Icon(Icons.settings, color: Colors.white),
+            )
+          ]),
+    );
+  }
+}

lib/ui/screens/inactive_time_progresses_screen.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/redux/store_connectors/settings_store_connector.dart';
+import 'package:time_progress_tracker/redux/store_connectors/time_progress_list_store_connector.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/ui/progress/progress_list_view.dart';
+
+class InactiveTimeProgressesScreen extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return SettingsStoreConnector(loadedBuilder: (context, settingsVm) {
+      return TimeProgressListStoreConnector(loadedBuilder: (context, tpListVm) {
+        List<TimeProgress> activeTpList =
+            selectInactiveProgresses(tpListVm.tpList);
+        if (activeTpList.length < 1)
+          return Container(
+            padding: EdgeInsets.all(16),
+            child: Center(
+              child: PlatformText(
+                  "You don't have any inactive time progress, that are tracked."),
+            ),
+          );
+        return ProgressListView(
+          timeProgressList: activeTpList,
+          doneColor: settingsVm.appSettings.doneColor,
+          leftColor: settingsVm.appSettings.leftColor,
+        );
+      });
+    });
+  }
+}

lib/ui/screens/progress_creation_screen.dart

@@ -0,0 +1,200 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:flutter_redux/flutter_redux.dart';
+import 'package:redux/redux.dart';
+import 'package:time_progress_tracker/models/app_settings.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
+import 'package:time_progress_tracker/redux/redux_selectors.dart';
+import 'package:time_progress_tracker/redux/store_connectors/create_time_progress_store_connector.dart';
+import 'package:time_progress_tracker/ui/buttons/create_progress_button.dart';
+import 'package:time_progress_tracker/ui/buttons/platform_action_button.dart';
+import 'package:time_progress_tracker/ui/progress/progress_editor_widget.dart';
+import 'package:time_progress_tracker/utils/theme_utils.dart';
+import 'package:time_progress_tracker/utils/helper_functions.dart';
+
+class ProgressCreationScreen extends StatefulWidget {
+  static const routeName = "/create-progress";
+  static const title = "Create Time Progress";
+
+  @override
+  State<StatefulWidget> createState() {
+    return _ProgressCreationScreenState();
+  }
+}
+
+class _ProgressCreationScreenState extends State<ProgressCreationScreen> {
+  TimeProgress timeProgressToCreate = TimeProgress.initialDefault();
+  bool _isProgressValid = false;
+
+  void initTimeProgress(TimeProgress timeProgress) {
+    if (timeProgressToCreate == TimeProgress.initialDefault())
+      setState(() {
+        timeProgressToCreate = timeProgress;
+      });
+  }
+
+  void onTimeProgressChanged(
+      TimeProgress newTimeProgress, bool isNewProgressValid) {
+    setState(() {
+      timeProgressToCreate = newTimeProgress;
+      _isProgressValid = isNewProgressValid;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    void _onCreateTimeProgress(CreateTimeProgressViewModel vm) {
+      if (!_isProgressValid) return null;
+      vm.addTimeProgress(timeProgressToCreate);
+      Navigator.pop(context);
+    }
+
+    initTimeProgress(TimeProgress.defaultFromDuration(
+        StoreProvider.of<AppState>(context).state.appSettings.duration));
+
+    Widget _createActionButton = CreateTimeProgressStoreConnector(
+      loadedBuilder: (context, CreateTimeProgressViewModel vm) =>
+          PlatformActionButton(
+              heroTag: "createTimeProgressBTN",
+              icon: Icons.save,
+              onBtnPressed: () => _onCreateTimeProgress(vm)),
+    );
+
+    return PlatformScaffold(
+      appBar: PlatformAppBar(
+        title: Text(
+          ProgressCreationScreen.title,
+          style: toolbarTextStyle,
+        ),
+        cupertino: (_, __) => CupertinoNavigationBarData(
+          transitionBetweenRoutes: false,
+          trailing: _createActionButton,
+        ),
+      ),
+      material: (_, __) => MaterialScaffoldData(
+        floatingActionButton: Row(
+          children: [
+            Expanded(
+              child: _createActionButton,
+            )
+          ],
+        ),
+      ),
+      body: ProgressEditorWidget(
+        timeProgress: timeProgressToCreate,
+        onTimeProgressChanged: onTimeProgressChanged,
+      ),
+    );
+
+    return CreateTimeProgressStoreConnector(
+      loadedBuilder: (context, CreateTimeProgressViewModel vm) {
+        initTimeProgress(vm.defaultProgress);
+        return PlatformScaffold(
+          appBar: PlatformAppBar(
+            title: Text(
+              ProgressCreationScreen.title,
+              style: toolbarTextStyle,
+            ),
+            cupertino: (_, __) => CupertinoNavigationBarData(
+              transitionBetweenRoutes: false,
+              trailing: CreateProgressButton(
+                createProgress: () => _onCreateTimeProgress(vm),
+              ),
+            ),
+          ),
+          material: (_, __) => MaterialScaffoldData(
+            floatingActionButton: Row(
+              children: [
+                Expanded(
+                  child: CreateProgressButton(
+                    createProgress: () => _onCreateTimeProgress(vm),
+                  ),
+                )
+              ],
+            ),
+          ),
+          body: ProgressEditorWidget(
+            timeProgress: timeProgressToCreate,
+            onTimeProgressChanged: onTimeProgressChanged,
+          ),
+        );
+      },
+    );
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(ProgressCreationScreen.title),
+      ),
+      body: Container(
+        padding: EdgeInsets.all(12),
+        child: StoreConnector<AppState, _ViewModel>(
+            onInit: loadSettingsIfUnloaded,
+            converter: (store) => _ViewModel.create(store),
+            builder: (context, _ViewModel viewModel) {
+              initTimeProgress(viewModel.defaultDurationProgress);
+              return ProgressEditorWidget(
+                timeProgress: timeProgressToCreate,
+                onTimeProgressChanged: onTimeProgressChanged,
+              );
+            }),
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
+      floatingActionButton: Row(
+        children: <Widget>[
+          Expanded(
+            child: StoreConnector<AppState, _ViewModel>(
+              onInit: loadSettingsIfUnloaded,
+              converter: (store) => _ViewModel.create(store),
+              builder: (context, _ViewModel vm) => FloatingActionButton(
+                heroTag: "createTimeProgressBTN",
+                child: Icon(Icons.save),
+                onPressed: _isProgressValid
+                    ? () {
+                        vm.onAddTimeProgress(timeProgressToCreate);
+                        Navigator.pop(context);
+                      }
+                    : null,
+              ),
+            ),
+          ),
+          Expanded(
+            child: FloatingActionButton(
+              heroTag: "cancelTimeProgressCreationBTN",
+              child: Icon(Icons.cancel),
+              onPressed: () {
+                Navigator.pop(context);
+              },
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
+
+class _ViewModel {
+  final TimeProgress defaultDurationProgress;
+  final void Function(TimeProgress) onAddTimeProgress;
+
+  _ViewModel({
+    required this.defaultDurationProgress,
+    required this.onAddTimeProgress,
+  });
+
+  factory _ViewModel.create(Store<AppState> store) {
+    AppSettings settings = appSettingsSelector(store.state);
+
+    _onAddTimeProgress(TimeProgress tp) {
+      if (TimeProgress.isValid(tp)) store.dispatch(AddTimeProgressAction(tp));
+    }
+
+    return _ViewModel(
+      defaultDurationProgress:
+          TimeProgress.defaultFromDuration(settings.duration),
+      onAddTimeProgress: _onAddTimeProgress,
+    );
+  }
+}

lib/ui/screens/progress_detail_screen.dart

@@ -0,0 +1,152 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/store_connectors/settings_store_connector.dart';
+import 'package:time_progress_tracker/redux/store_connectors/time_progress_store_connector.dart';
+import 'package:time_progress_tracker/ui/buttons/detail_screen_leading_button.dart';
+import 'package:time_progress_tracker/ui/buttons/detail_screen_trailing_button.dart';
+import 'package:time_progress_tracker/ui/progress/progress_editor_widget.dart';
+import 'package:time_progress_tracker/ui/progress/progress_view_widget.dart';
+import 'package:time_progress_tracker/utils/theme_utils.dart';
+
+class ProgressDetailScreen extends StatefulWidget {
+  static const title = "Progress View";
+
+  final String tpId;
+
+  const ProgressDetailScreen({Key? key, required this.tpId}) : super(key: key);
+
+  @override
+  State<StatefulWidget> createState() {
+    return _ProgressDetailScreenState();
+  }
+}
+
+class _ProgressDetailScreenState extends State<ProgressDetailScreen> {
+  bool _editMode = false, _isEditedProgressValid = false;
+  TimeProgress _editedProgress = TimeProgress.initialDefault(),
+      _originalProgress = TimeProgress.initialDefault();
+
+  void _initEditedProgress(TimeProgress tp) {
+    if (_editedProgress == TimeProgress.initialDefault()) {
+      _editedProgress = tp;
+      _originalProgress = tp;
+    }
+  }
+
+  void _onEditedProgressChanged(
+      TimeProgress newProgress, bool isNewProgressValid) {
+    setState(() {
+      _editedProgress = newProgress;
+      _isEditedProgressValid = isNewProgressValid;
+    });
+  }
+
+  void _switchEditMode(bool newMode) {
+    setState(() {
+      _editMode = newMode;
+    });
+  }
+
+  void _cancelEditMode() {
+    setState(() {
+      _editMode = false;
+      _editedProgress = _originalProgress;
+    });
+  }
+
+  List<Widget> _renderColumnChildren(
+      SettingsViewModel settingsVm, TimeProgressViewModel tpVm) {
+    TimeProgress tp = tpVm.tp ?? TimeProgress.initialDefault();
+    List<Widget> columnChildren = [
+      Expanded(
+          child: ProgressViewWidget(
+        timeProgress: _editMode ? _editedProgress : tp,
+        doneColor: settingsVm.appSettings.doneColor,
+        leftColor: settingsVm.appSettings.leftColor,
+      ))
+    ];
+    if (_editMode)
+      columnChildren.add(Expanded(
+          child: ProgressEditorWidget(
+        timeProgress: _editedProgress,
+        onTimeProgressChanged: _onEditedProgressChanged,
+      )));
+    return columnChildren;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    TimeProgressStoreConnector leadingActionButton = TimeProgressStoreConnector(
+      timeProgressId: widget.tpId,
+      loadedBuilder: (context, tpVm) {
+        void _saveEditedTp() {
+          tpVm.updateTimeProgress(_editedProgress);
+          _switchEditMode(false);
+        }
+
+        return DetailScreenLeadingButton(
+          isEditMode: _editMode,
+          isEditedTpValid: _isEditedProgressValid,
+          saveTp: _saveEditedTp,
+          editTp: () => _switchEditMode(true),
+        );
+      },
+    );
+
+    TimeProgressStoreConnector trailingActionButton =
+        TimeProgressStoreConnector(
+      timeProgressId: widget.tpId,
+      loadedBuilder: (context, tpVm) {
+        void _deleteTp() {
+          tpVm.deleteTimeProgress();
+          Navigator.popUntil(context, (route) => route.isFirst);
+        }
+
+        return DetailScreenTrailingButton(
+          isEditMode: _editMode,
+          cancelEditTp: _cancelEditMode,
+          deleteTp: _deleteTp,
+        );
+      },
+    );
+
+    return PlatformScaffold(
+      appBar: PlatformAppBar(
+        title: Text(
+          ProgressDetailScreen.title,
+          style: toolbarTextStyle,
+        ),
+        cupertino: (_, __) => CupertinoNavigationBarData(
+          transitionBetweenRoutes: false,
+          leading: leadingActionButton,
+          trailing: trailingActionButton,
+        ),
+      ),
+      material: (_, __) => MaterialScaffoldData(
+        floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
+        floatingActionButton: Row(
+          children: [
+            Expanded(child: leadingActionButton),
+            Expanded(child: trailingActionButton),
+          ],
+        ),
+      ),
+      body: SettingsStoreConnector(
+        loadedBuilder: (context, settingsVm) {
+          return TimeProgressStoreConnector(
+            timeProgressId: widget.tpId,
+            loadedBuilder: (context, tpVm) {
+              _initEditedProgress(tpVm.tp!);
+              return Container(
+                  margin: EdgeInsets.all(8),
+                  child: Column(
+                    children: _renderColumnChildren(settingsVm, tpVm),
+                  ));
+            },
+          );
+        },
+      ),
+    );
+  }
+}

lib/ui/screens/settings_screen.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
+import 'package:time_progress_tracker/app.dart';
+import 'package:time_progress_tracker/redux/store_connectors/settings_store_connector.dart';
+import 'package:time_progress_tracker/ui/buttons/color_picker_btn.dart';
+import 'package:time_progress_tracker/ui/settings/duration_settings_widget.dart';
+
+class SettingsScreen extends StatelessWidget {
+  Widget _renderColorSettings(
+      BuildContext context, SettingsViewModel settingsVm) {
+    ThemeData appTheme = Theme.of(context);
+    return Expanded(
+      child: Column(
+        children: [
+          Expanded(
+              child: PlatformText(
+            "Color Settings",
+            style: appTheme.primaryTextTheme.caption,
+          )),
+          Row(
+            children: [
+              Expanded(
+                child: Padding(
+                  padding: EdgeInsets.only(right: 5),
+                  child: ColorPickerButton(
+                    title: "Done Color",
+                    dialogTitle: "Select Done Color",
+                    selectedColor: settingsVm.appSettings.doneColor,
+                    onColorPicked: settingsVm.updateDoneColor,
+                  ),
+                ),
+              ),
+              Expanded(
+                child: Padding(
+                  padding: EdgeInsets.only(left: 5),
+                  child: ColorPickerButton(
+                    title: "Left Color",
+                    dialogTitle: "Select Left Color",
+                    selectedColor: settingsVm.appSettings.leftColor,
+                    onColorPicked: settingsVm.updateLeftColor,
+                  ),
+                ),
+              )
+            ],
+          )
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SettingsStoreConnector(loadedBuilder: (context, settingsVm) {
+      return Container(
+        padding: EdgeInsets.all(16),
+        child: Center(
+          child: Column(
+            children: [
+              Expanded(
+                child: _renderColorSettings(context, settingsVm),
+              ),
+              Expanded(
+                child: DurationSettingsWidget(
+                  duration: settingsVm.appSettings.duration,
+                  updateDuration: settingsVm.updateDuration,
+                ),
+              ),
+              Spacer(),
+              Expanded(
+                child: PlatformButton(
+                  onPressed: () {
+                    showAboutDialog(
+                        context: context,
+                        applicationName: TimeProgressTrackerApp.name,
+                        applicationVersion: "Beta",
+                        applicationLegalese:
+                            '\u00a9Andreas Fahrecker 2020-2021');
+                  },
+                  child: Text("About"),
+                ),
+              ),
+            ],
+          ),
+        ),
+      );
+    });
+  }
+}

lib/ui/settings/color_settings_widget.dart

@@ -1,12 +1,11 @@
 import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/widgets/buttons/color_picker_btn.dart';
+import 'package:time_progress_tracker/ui/buttons/color_picker_btn.dart';
 
 class ColorSettingsWidget extends StatelessWidget {
   final Color doneColor, leftColor;
   final void Function(Color) updateDoneColor, updateLeftColor;
 
-  const ColorSettingsWidget({
-    super.key,
+  ColorSettingsWidget({
     required this.doneColor,
     required this.leftColor,
     required this.updateDoneColor,
@@ -22,14 +21,14 @@ class ColorSettingsWidget extends StatelessWidget {
         Expanded(
           child: Text(
             "Color Settings",
-            style: appTheme.textTheme.titleLarge,
+            style: appTheme.textTheme.headline6,
           ),
         ),
         Row(
           children: [
             Expanded(
               child: Padding(
-                padding: const EdgeInsets.only(right: 5),
+                padding: EdgeInsets.only(right: 5),
                 child: ColorPickerButton(
                   title: "Done Color",
                   dialogTitle: "Select Done Color",
@@ -40,7 +39,7 @@ class ColorSettingsWidget extends StatelessWidget {
             ),
             Expanded(
               child: Padding(
-                padding: const EdgeInsets.only(left: 5),
+                padding: EdgeInsets.only(left: 5),
                 child: ColorPickerButton(
                   title: "Left Color",
                   dialogTitle: "Select Left Color",

lib/ui/settings/duration_settings_widget.dart

@@ -1,12 +1,11 @@
 import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/widgets/buttons/select_duration_btn.dart';
+import 'package:time_progress_tracker/ui/buttons/select_duration_btn.dart';
 
 class DurationSettingsWidget extends StatelessWidget {
   final Duration duration;
   final void Function(Duration) updateDuration;
 
-  const DurationSettingsWidget({
-    super.key,
+  DurationSettingsWidget({
     required this.duration,
     required this.updateDuration,
   });
@@ -15,15 +14,15 @@ class DurationSettingsWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     ThemeData appTheme = Theme.of(context);
 
-    //int years = duration.inDays ~/ 365;
-    //int months = (duration.inDays - (365 * years)) ~/ 30;
-    //int days = duration.inDays - (365 * years) - (30 * months);
+    int years = duration.inDays ~/ 365;
+    int months = (duration.inDays - (365 * years)) ~/ 30;
+    int days = duration.inDays - (365 * years) - (30 * months);
     return Column(
       children: [
         Expanded(
           child: Text(
             "Duration Settings",
-            style: appTheme.textTheme.titleLarge,
+            style: appTheme.textTheme.headline6,
           ),
         ),
         Row(

lib/utils/constants.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+import 'package:time_progress_tracker/models/app_settings.dart';
+
+const txtActiveProgressesScreen = "Active Progresses";
+const txtInactiveProgressesScreen = "Inactive Progresses";
+const txtSettingsScreen = "Settings";
+const defaultAppSettings = AppSettings(
+  doneColor: Colors.green,
+  leftColor: Colors.red,
+  duration: Duration(days: 365),
+);

lib/utils/helper_functions.dart

@@ -0,0 +1,37 @@
+import 'dart:io' show Platform;
+import 'dart:ui';
+
+import 'package:flutter/foundation.dart';
+import 'package:redux/redux.dart';
+import 'package:time_progress_tracker/models/time_progress.dart';
+import 'package:time_progress_tracker/redux/actions/app_settings_actions.dart';
+import 'package:time_progress_tracker/redux/actions/time_progress_actions.dart';
+import 'package:time_progress_tracker/redux/app_state.dart';
+
+void loadTimeProgressListIfUnloaded(Store<AppState> store) {
+  if (!store.state.hasProgressesLoaded)
+    store.dispatch(LoadTimeProgressListAction());
+}
+
+void loadSettingsIfUnloaded(Store<AppState> store) {
+  if (!store.state.hasSettingsLoaded) store.dispatch(LoadAppSettingsAction());
+}
+
+TimeProgress? selectProgressById(List<TimeProgress> tpList, String id) =>
+    tpList.firstWhere((tp) => tp.id == id, orElse: null);
+
+List<TimeProgress> selectActiveProgresses(List<TimeProgress> tpList) =>
+    tpList.where((tp) => tp.hasStarted() && !tp.hasEnded()).toList();
+
+List<TimeProgress> selectInactiveProgresses(List<TimeProgress> tpList) =>
+    tpList.where((tp) => !tp.hasStarted() || tp.hasEnded()).toList();
+
+bool useBrightBackground(Color bC) {
+  double yiq = ((bC.red * 299) + (bC.green * 587) + (bC.blue * 114)) / 1000;
+  return yiq >= 186 || (bC.red == 0 && bC.green == 0 && bC.blue == 0);
+}
+
+bool useCupertino() {
+  if (kIsWeb) return false;
+  return Platform.isIOS;
+}

lib/utils/theme_utils.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+final ThemeData materialThemeData = ThemeData(
+  primarySwatch: Colors.indigo,
+  scaffoldBackgroundColor: Colors.white,
+  accentColor: Colors.indigo,
+  appBarTheme: AppBarTheme(color: Colors.indigo.shade600),
+  primaryColor: Colors.indigo,
+  secondaryHeaderColor: Colors.indigo,
+  canvasColor: Colors.indigo,
+  backgroundColor: Colors.red,
+);
+final CupertinoThemeData cupertinoThemeData = CupertinoThemeData(
+  primaryColor: Colors.indigo,
+  barBackgroundColor: Colors.indigo,
+  scaffoldBackgroundColor: Colors.white,
+);
+final toolbarTextStyle = TextStyle(color: Colors.white, fontSize: 16);
+final cupertinoCardTitleStyle =
+    TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.w600);
+final cupertinoCardSubtitleStyle =
+    TextStyle(color: Colors.grey, fontSize: 18, fontWeight: FontWeight.w400);
+final bottomTabsBackground = Colors.indigoAccent;

lib/widgets/buttons/create_progress_button.dart

@@ -1,20 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/screens/progress_creation_screen.dart';
-
-class CreateProgressButton extends StatelessWidget {
-  final String _heroTag = "createProgressBTN";
-
-  const CreateProgressButton({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    void onButtonPressed() =>
-        Navigator.pushNamed(context, ProgressCreationScreen.routeName);
-
-    return FloatingActionButton(
-      heroTag: _heroTag,
-      onPressed: onButtonPressed,
-      child: const Icon(Icons.add),
-    );
-  }
-}

lib/widgets/home/home_bottom_navbar.dart

@@ -1,45 +0,0 @@
-import 'package:flutter/material.dart';
-
-class HomeBottomNavBar extends StatelessWidget {
-  final int currentIndex;
-  final void Function(int)? onTap;
-
-  const HomeBottomNavBar({
-    super.key,
-    required this.currentIndex,
-    required this.onTap,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    ThemeData appTheme = Theme.of(context);
-
-    return BottomNavigationBar(
-      onTap: onTap,
-      currentIndex: currentIndex,
-      items: [
-        BottomNavigationBarItem(
-          icon: Icon(
-            Icons.alarm,
-            color: appTheme.primaryColor,
-          ),
-          label: "Active Progresses",
-        ),
-        BottomNavigationBarItem(
-          icon: Icon(
-            Icons.alarm_off,
-            color: appTheme.primaryColor,
-          ),
-          label: "Inactive Progresses",
-        ),
-        BottomNavigationBarItem(
-          icon: Icon(
-            Icons.settings,
-            color: appTheme.primaryColor,
-          ),
-          label: "Settings",
-        )
-      ],
-    );
-  }
-}

lib/widgets/home/tabs/home_active_progresses_tab.dart

@@ -1,39 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/helper_functions.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/widgets/progress_list_view/progress_list_view.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/settings_store_connector.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/time_progress_list_store_connector.dart';
-
-class HomeActiveProgressesTab extends StatelessWidget {
-  const HomeActiveProgressesTab({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return SettingsStoreConnector(
-      loadedBuilder: (context, settingsVm) {
-        return TimeProgressListStoreConnector(
-          loadedBuilder: (context, tpListVm) {
-            List<TimeProgress> activeTpList =
-                selectActiveProgresses(tpListVm.tpList);
-            if (activeTpList.isEmpty) {
-              return Container(
-                padding: const EdgeInsets.all(16),
-                child: const Center(
-                  child: Text(
-                      "You don't have any active time progress, that are tracked."),
-                ),
-              );
-            }
-
-            return ProgressListView(
-              timeProgressList: activeTpList,
-              doneColor: settingsVm.appSettings.doneColor,
-              leftColor: settingsVm.appSettings.leftColor,
-            );
-          },
-        );
-      },
-    );
-  }
-}

lib/widgets/home/tabs/home_inactive_progresses_tab.dart

@@ -1,39 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/helper_functions.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/widgets/progress_list_view/progress_list_view.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/settings_store_connector.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/time_progress_list_store_connector.dart';
-
-class HomeInactiveProgressesTab extends StatelessWidget {
-  const HomeInactiveProgressesTab({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return SettingsStoreConnector(
-      loadedBuilder: (context, settingsVm) {
-        return TimeProgressListStoreConnector(
-          loadedBuilder: (context, tpListVm) {
-            List<TimeProgress> inactiveTpList =
-                selectInactiveProgresses(tpListVm.tpList);
-            if (inactiveTpList.isEmpty) {
-              return Container(
-                padding: const EdgeInsets.all(16),
-                child: const Center(
-                  child: Text(
-                      "You don't have any currently inactive time progresses, that are tracked."),
-                ),
-              );
-            }
-
-            return ProgressListView(
-              timeProgressList: inactiveTpList,
-              doneColor: settingsVm.appSettings.doneColor,
-              leftColor: settingsVm.appSettings.leftColor,
-            );
-          },
-        );
-      },
-    );
-  }
-}

lib/widgets/home/tabs/home_settings_tab.dart

@@ -1,54 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:time_progress_tracker/app.dart';
-import 'package:time_progress_tracker/widgets/home/tabs/settings/color_settings_widget.dart';
-import 'package:time_progress_tracker/widgets/home/tabs/settings/duration_settings_widget.dart';
-import 'package:time_progress_tracker/widgets/store_connectors/settings_store_connector.dart';
-
-class HomeSettingsTab extends StatelessWidget {
-  const HomeSettingsTab({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return SettingsStoreConnector(
-      loadedBuilder: (context, settingsVm) {
-        return Container(
-          padding: const EdgeInsets.all(16),
-          child: Center(
-            child: Column(
-              children: [
-                Expanded(
-                  child: ColorSettingsWidget(
-                    doneColor: settingsVm.appSettings.doneColor,
-                    leftColor: settingsVm.appSettings.leftColor,
-                    updateDoneColor: settingsVm.updateDoneColor,
-                    updateLeftColor: settingsVm.updateLeftColor,
-                  ),
-                ),
-                Expanded(
-                  child: DurationSettingsWidget(
-                    duration: settingsVm.appSettings.duration,
-                    updateDuration: settingsVm.updateDuration,
-                  ),
-                ),
-                const Spacer(),
-                Expanded(
-                  child: TextButton(
-                    onPressed: () {
-                      showAboutDialog(
-                          context: context,
-                          applicationName: TimeProgressTrackerApp.name,
-                          applicationVersion: "Beta",
-                          applicationLegalese:
-                              '\u00a9Andreas Fahrecker 2020-2021');
-                    },
-                    child: const Text("About"),
-                  ),
-                ),
-              ],
-            ),
-          ),
-        );
-      },
-    );
-  }
-}

lib/widgets/progress_list_view/progress_list_tile.dart

@@ -1,55 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:percent_indicator/linear_percent_indicator.dart';
-import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/screens/progress_detail_screen.dart';
-
-class ProgressListTileStrings {
-  static String percentString(TimeProgress tp) =>
-      "${(tp.percentDone() * 100).floorToDouble()} %";
-
-  static String startsInDaysString(TimeProgress tp) =>
-      "Starts in ${tp.daysTillStart()} Days.";
-
-  static String endedDaysAgoString(TimeProgress tp) =>
-      "Ended ${tp.daysSinceEnd()} Days ago.";
-}
-
-class ProgressListTile extends StatelessWidget {
-  final TimeProgress timeProgress;
-  final Color doneColor, leftColor;
-
-  const ProgressListTile({super.key, 
-    required this.timeProgress,
-    required this.doneColor,
-    required this.leftColor,
-  });
-
-  Widget _renderSubtitle(BuildContext context) {
-    if (!timeProgress.hasStarted()) {
-      return Text(ProgressListTileStrings.startsInDaysString(timeProgress));
-    }
-    if (timeProgress.hasEnded()) {
-      return Text(ProgressListTileStrings.endedDaysAgoString(timeProgress));
-    }
-    return LinearPercentIndicator(
-      center: Text(ProgressListTileStrings.percentString(timeProgress)),
-      percent: timeProgress.percentDone(),
-      progressColor: doneColor,
-      backgroundColor: leftColor,
-      lineHeight: 20,
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    void onTileTap() =>
-        Navigator.pushNamed(context, ProgressDetailScreen.routeName,
-            arguments: ProgressDetailScreenArguments(timeProgress.id));
-
-    return ListTile(
-      title: Text(timeProgress.name),
-      subtitle: _renderSubtitle(context),
-      onTap: onTileTap,
-    );
-  }
-}

pubspec.lock

@@ -5,122 +5,100 @@ packages:
     dependency: transitive
     description:
       name: archive
-      sha256: "22600aa1e926be775fa5fe7e6894e7fb3df9efda8891c73f70fb3262399a432d"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.4.10"
+    version: "2.0.13"
   args:
     dependency: transitive
     description:
       name: args
-      sha256: eef6c46b622e0494a36c5a12d10d77fb4e855501a91c1b9ef9339326e58f0596
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.4.2"
+    version: "1.6.0"
   async:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.11.0"
+    version: "2.5.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
-      sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.0"
   characters:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
-  checked_yaml:
+    version: "1.1.0"
+  charcode:
     dependency: transitive
     description:
-      name: checked_yaml
-      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
-      url: "https://pub.dev"
+      name: charcode
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.3"
-  cli_util:
-    dependency: transitive
-    description:
-      name: cli_util
-      sha256: c05b7406fdabc7a49a3929d4af76bcaccbbffcbcdcf185b082e1ae07da323d19
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.4.1"
+    version: "1.2.0"
   clock:
     dependency: transitive
     description:
       name: clock
-      sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.1"
+    version: "1.1.0"
   collection:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.18.0"
+    version: "1.15.0"
   convert:
     dependency: transitive
     description:
       name: convert
-      sha256: "0f08b14755d163f6e2134cb58222dd25ea2a2ee8a195e53983d57c075324d592"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.1.1"
+    version: "2.1.1"
   crypto:
     dependency: transitive
     description:
       name: crypto
-      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.0.3"
+    version: "2.1.5"
   cupertino_icons:
     dependency: "direct main"
     description:
       name: cupertino_icons
-      sha256: d57953e10f9f8327ce64a508a355f0b1ec902193f66288e8cb5070e7c47eeb2d
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.6"
+    version: "0.1.3"
   fake_async:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.1"
+    version: "1.2.0"
   ffi:
     dependency: transitive
     description:
       name: ffi
-      sha256: "493f37e7df1804778ff3a53bd691d8692ddf69702cf4c1c1096a2e41b4779e21"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "1.0.0"
   file:
     dependency: transitive
     description:
       name: file
-      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "7.0.0"
+    version: "6.1.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -130,43 +108,39 @@ packages:
     dependency: "direct main"
     description:
       name: flutter_colorpicker
-      sha256: "458a6ed8ea480eb16ff892aedb4b7092b2804affd7e046591fb03127e8d8ef8b"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.3"
+    version: "0.3.5"
   flutter_launcher_icons:
     dependency: "direct dev"
     description:
       name: flutter_launcher_icons
-      sha256: "526faf84284b86a4cb36d20a5e45147747b7563d921373d4ee0559c54fcdbcea"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.13.1"
-  flutter_lints:
-    dependency: "direct dev"
-    description:
-      name: flutter_lints
-      sha256: e2a421b7e59244faef694ba7b30562e489c2b489866e505074eb005cd7060db7
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.0.1"
+    version: "0.8.1"
   flutter_picker:
     dependency: "direct main"
     description:
       path: "."
       ref: HEAD
-      resolved-ref: "4a88a436b64d043d2e5412d64035a9bbe7f9d45d"
-      url: "https://github.com/yangyxd/flutter_picker.git"
+      resolved-ref: e95d121f54faba889fbf8a850c86dd5cf4aa5c5a
+      url: "git://github.com/yangyxd/flutter_picker.git"
     source: git
-    version: "2.1.1"
+    version: "1.1.5"
+  flutter_platform_widgets:
+    dependency: "direct main"
+    description:
+      name: flutter_platform_widgets
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.80.0"
   flutter_redux:
     dependency: "direct main"
     description:
       name: flutter_redux
-      sha256: "3b20be9e08d0038e1452fbfa1fdb1ea0a7c3738c997734530b3c6d0bb5fcdbdc"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.10.0"
+    version: "0.7.0"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -181,218 +155,142 @@ packages:
     dependency: transitive
     description:
       name: image
-      sha256: "4c68bfd5ae83e700b5204c1e74451e7bf3cf750e6843c6e158289cf56bda018e"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.1.7"
+    version: "2.1.19"
   js:
     dependency: transitive
     description:
       name: js
-      sha256: c1b2e9b5ea78c45e1a0788d29606ba27dc5f71f019f32ca5140f61ef071838cf
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.7.1"
-  json_annotation:
-    dependency: transitive
-    description:
-      name: json_annotation
-      sha256: b10a7b2ff83d83c777edba3c6a0f97045ddadd56c944e1a23a3fdf43a1bf4467
-      url: "https://pub.dev"
-    source: hosted
-    version: "4.8.1"
-  leak_tracker:
-    dependency: transitive
-    description:
-      name: leak_tracker
-      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
-      url: "https://pub.dev"
-    source: hosted
-    version: "10.0.0"
-  leak_tracker_flutter_testing:
-    dependency: transitive
-    description:
-      name: leak_tracker_flutter_testing
-      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.0.1"
-  leak_tracker_testing:
-    dependency: transitive
-    description:
-      name: leak_tracker_testing
-      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.0.1"
-  lints:
-    dependency: transitive
-    description:
-      name: lints
-      sha256: cbf8d4b858bb0134ef3ef87841abdf8d63bfc255c266b7bf6b39daa1085c4290
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.0.0"
+    version: "0.6.3"
   matcher:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.16+1"
-  material_color_utilities:
-    dependency: transitive
-    description:
-      name: material_color_utilities
-      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.8.0"
+    version: "0.12.10"
   meta:
     dependency: "direct main"
     description:
       name: meta
-      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.11.0"
+    version: "1.3.0"
   path:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.9.0"
+    version: "1.8.0"
   path_provider_linux:
     dependency: transitive
     description:
       name: path_provider_linux
-      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.2.1"
+    version: "2.0.0"
   path_provider_platform_interface:
     dependency: transitive
     description:
       name: path_provider_platform_interface
-      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.0.0"
   path_provider_windows:
     dependency: transitive
     description:
       name: path_provider_windows
-      sha256: "8bc9f22eee8690981c22aa7fc602f5c85b497a6fb2ceb35ee5a5e5ed85ad8170"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.2.1"
+    version: "2.0.0"
   percent_indicator:
     dependency: "direct main"
     description:
       name: percent_indicator
-      sha256: c37099ad833a883c9d71782321cb65c3a848c21b6939b6185f0ff6640d05814c
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "4.2.3"
+    version: "2.1.9+1"
   petitparser:
     dependency: transitive
     description:
       name: petitparser
-      sha256: c15605cd28af66339f8eb6fbe0e541bfe2d1b72d5825efc6598f3e0a31b9ad27
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "6.0.2"
+    version: "3.1.0"
   platform:
     dependency: transitive
     description:
       name: platform
-      sha256: "12220bb4b65720483f8fa9450b4332347737cf8213dd2840d8b2c823e47243ec"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.1.4"
+    version: "3.0.0"
   plugin_platform_interface:
     dependency: transitive
     description:
       name: plugin_platform_interface
-      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.8"
-  pointycastle:
+    version: "2.0.0"
+  process:
     dependency: transitive
     description:
-      name: pointycastle
-      sha256: "43ac87de6e10afabc85c445745a7b799e04de84cebaa4fd7bf55a5e1e9604d29"
-      url: "https://pub.dev"
+      name: process
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.7.4"
+    version: "4.1.0"
   redux:
     dependency: "direct main"
     description:
       name: redux
-      sha256: "1e86ed5b1a9a717922d0a0ca41f9bf49c1a587d50050e9426fc65b14e85ec4d7"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "5.0.0"
+    version: "4.0.0+3"
   shared_preferences:
     dependency: "direct main"
     description:
       name: shared_preferences
-      sha256: "81429e4481e1ccfb51ede496e916348668fd0921627779233bd24cc3ff6abd02"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.2.2"
-  shared_preferences_android:
-    dependency: transitive
-    description:
-      name: shared_preferences_android
-      sha256: "8568a389334b6e83415b6aae55378e158fbc2314e074983362d20c562780fb06"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.2.1"
-  shared_preferences_foundation:
-    dependency: transitive
-    description:
-      name: shared_preferences_foundation
-      sha256: "7708d83064f38060c7b39db12aefe449cb8cdc031d6062280087bc4cdb988f5c"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.3.5"
+    version: "2.0.0"
   shared_preferences_linux:
     dependency: transitive
     description:
       name: shared_preferences_linux
-      sha256: "9f2cbcf46d4270ea8be39fa156d86379077c8a5228d9dfdb1164ae0bb93f1faa"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.3.2"
+    version: "2.0.0"
+  shared_preferences_macos:
+    dependency: transitive
+    description:
+      name: shared_preferences_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
   shared_preferences_platform_interface:
     dependency: transitive
     description:
       name: shared_preferences_platform_interface
-      sha256: "22e2ecac9419b4246d7c22bfbbda589e3acf5c0351137d87dd2939d984d37c3b"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.3.2"
+    version: "2.0.0"
   shared_preferences_web:
     dependency: transitive
     description:
       name: shared_preferences_web
-      sha256: "9aee1089b36bd2aafe06582b7d7817fd317ef05fc30e6ba14bff247d0933042a"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.3.0"
+    version: "2.0.0"
   shared_preferences_windows:
     dependency: transitive
     description:
       name: shared_preferences_windows
-      sha256: "841ad54f3c8381c480d0c9b508b89a34036f512482c407e6df7a9c4aa2ef8f59"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.3.2"
+    version: "2.0.0"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -402,114 +300,86 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.10.0"
+    version: "1.8.0"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.11.1"
+    version: "1.10.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.1.0"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
-      sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.1"
+    version: "1.2.0"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.1"
+    version: "0.2.19"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
-      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.2"
+    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
-      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.4"
-  vm_service:
-    dependency: transitive
-    description:
-      name: vm_service
-      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
-      url: "https://pub.dev"
-    source: hosted
-    version: "13.0.0"
-  web:
-    dependency: transitive
-    description:
-      name: web
-      sha256: "97da13628db363c635202ad97068d47c5b8aa555808e7a9411963c533b449b27"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.5.1"
+    version: "2.1.0"
   win32:
     dependency: transitive
     description:
       name: win32
-      sha256: "8cb58b45c47dcb42ab3651533626161d6b67a2921917d8d429791f76972b3480"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "5.3.0"
+    version: "2.0.0"
   xdg_directories:
     dependency: transitive
     description:
       name: xdg_directories
-      sha256: faea9dee56b520b55a566385b84f2e8de55e7496104adada9962e0bd11bcff1d
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.4"
+    version: "0.2.0"
   xml:
     dependency: transitive
     description:
       name: xml
-      sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "6.5.0"
+    version: "4.5.1"
   yaml:
     dependency: transitive
     description:
       name: yaml
-      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
-      url: "https://pub.dev"
+      url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.1.2"
+    version: "2.2.1"
 sdks:
-  dart: ">=3.3.1 <4.0.0"
-  flutter: ">=3.19.0"
+  dart: ">=2.12.0 <3.0.0"
+  flutter: ">=1.20.4"

pubspec.yaml

@@ -2,7 +2,7 @@ name: time_progress_tracker
 description: A Flutter Application to create Timers with a percentage indicator.
 
 # The following line prevents the package from being accidentally published to
-# pub.dev using `flutter pub publish`. This is preferred for private packages.
+# pub.dev using `pub publish`. This is preferred for private packages.
 publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 
 # The following defines the version and build number for your application.
@@ -12,54 +12,37 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # build by specifying --build-name and --build-number, respectively.
 # In Android, build-name is used as versionName while build-number used as versionCode.
 # Read more about Android versioning at https://developer.android.com/studio/publish/versioning
-# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
+# In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
 # Read more about iOS versioning at
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
-version: 0.0.21+21
+version: 0.0.19+19
 
 environment:
-  sdk: '>=3.3.1 <4.0.0'
+  sdk: ">=2.12.0 <3.0.0"
 
-# Dependencies specify other packages that your package needs in order to work.
-# To automatically upgrade your package dependencies to the latest versions
-# consider running `flutter pub upgrade --major-versions`. Alternatively,
-# dependencies can be manually updated by changing the version numbers below to
-# the latest version available on pub.dev. To see which dependencies have newer
-# versions available, run `flutter pub outdated`.
 dependencies:
   flutter:
     sdk: flutter
   flutter_colorpicker:
   flutter_redux:
   flutter_picker:
-    git:
-      url: https://github.com/yangyxd/flutter_picker.git
+    git: git://github.com/yangyxd/flutter_picker.git
+  flutter_platform_widgets:
   meta:
   percent_indicator:
   redux:
   shared_preferences:
-
-
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.6
+  cupertino_icons: ^0.1.3
 
 dev_dependencies:
   flutter_launcher_icons:
   flutter_test:
     sdk: flutter
 
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
-  flutter_lints: ^3.0.0
-
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
 
-# The following section is specific to Flutter packages.
+# The following section is specific to Flutter.
 flutter:
 
   # The following line ensures that the Material Icons font is
@@ -73,7 +56,7 @@ flutter:
   #   - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/assets-and-images/#resolution-aware
+  # https://flutter.dev/assets-and-images/#resolution-aware.
 
   # For details regarding adding assets from package dependencies, see
   # https://flutter.dev/assets-and-images/#from-packages

test/MaterialTesterWidget.dart

@@ -3,9 +3,8 @@ import 'package:flutter/material.dart';
 class MaterialTesterWidget extends StatelessWidget {
   final Widget widget;
 
-  const MaterialTesterWidget({
-    super.key,
-    required this.widget,
+  MaterialTesterWidget({
+    @required this.widget,
   });
 
   @override

test/widget_test.dart

@@ -10,37 +10,37 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:percent_indicator/linear_percent_indicator.dart';
 import 'package:time_progress_tracker/models/app_settings.dart';
 import 'package:time_progress_tracker/models/time_progress.dart';
-import 'package:time_progress_tracker/widgets/progress_list_view/progress_list_tile.dart';
-import 'package:time_progress_tracker/widgets/progress_list_view/progress_list_view.dart';
+import 'package:time_progress_tracker/ui/progress/progress_list_item.dart';
+import 'package:time_progress_tracker/ui/progress/progress_list_view.dart';
 
-import 'material_tester_widget.dart';
+import 'MaterialTesterWidget.dart';
 
 void main() {
-  final AppSettings defaultAppSettings = AppSettings.defaults();
-  final int thisYear = DateTime.now().year;
-  final TimeProgress activeProgress = TimeProgress(
-      "TestProgress", DateTime(thisYear - 2), DateTime(thisYear + 2));
+  final AppSettings _defaultAppSettings = AppSettings.defaults();
+  final int _thisYear = DateTime.now().year;
+  final TimeProgress _activeProgress = TimeProgress(
+      "TestProgress", DateTime(_thisYear - 2), DateTime(_thisYear + 2));
 
-  void findStringOnce(String str) => expect(find.text(str), findsOneWidget);
+  void _findStringOnce(String str) => expect(find.text(str), findsOneWidget);
 
   testWidgets("Progress List Tile with currently active progress works",
       (WidgetTester tester) async {
     await tester.pumpWidget(MaterialTesterWidget(
-      widget: ProgressListTile(
-        timeProgress: activeProgress,
-        doneColor: defaultAppSettings.doneColor,
-        leftColor: defaultAppSettings.leftColor,
+      widget: ProgressListItem(
+        timeProgress: _activeProgress,
+        doneColor: _defaultAppSettings.doneColor,
+        leftColor: _defaultAppSettings.leftColor,
       ),
     ));
 
-    findStringOnce(activeProgress.name);
-    findStringOnce(ProgressListTileStrings.percentString(activeProgress));
+    _findStringOnce(_activeProgress.name);
+    _findStringOnce(ProgressListTileStrings.percentString(_activeProgress));
 
-    linearPercentPredicate(Widget widget) =>
+    WidgetPredicate linearPercentPredicate = (Widget widget) =>
         widget is LinearPercentIndicator &&
-        widget.percent == activeProgress.percentDone() &&
-        widget.progressColor == defaultAppSettings.doneColor &&
-        widget.backgroundColor == defaultAppSettings.leftColor;
+        widget.percent == _activeProgress.percentDone() &&
+        widget.progressColor == _defaultAppSettings.doneColor &&
+        widget.backgroundColor == _defaultAppSettings.leftColor;
     expect(find.byWidgetPredicate(linearPercentPredicate), findsOneWidget);
   });
 
@@ -48,46 +48,46 @@ void main() {
       (WidgetTester tester) async {
     TimeProgress futureProgress = TimeProgress(
       "Test Progress",
-      DateTime(thisYear + 1),
-      DateTime(thisYear + 2),
+      DateTime(_thisYear + 1),
+      DateTime(_thisYear + 2),
     );
 
     await tester.pumpWidget(MaterialTesterWidget(
-      widget: ProgressListTile(
+      widget: ProgressListItem(
         timeProgress: futureProgress,
-        doneColor: defaultAppSettings.doneColor,
-        leftColor: defaultAppSettings.leftColor,
+        doneColor: _defaultAppSettings.doneColor,
+        leftColor: _defaultAppSettings.leftColor,
       ),
     ));
 
-    findStringOnce(futureProgress.name);
-    findStringOnce(ProgressListTileStrings.startsInDaysString(futureProgress));
+    _findStringOnce(futureProgress.name);
+    _findStringOnce(ProgressListTileStrings.startsInDaysString(futureProgress));
   });
 
   testWidgets("Progress List Tile with past progress works",
       (WidgetTester tester) async {
     TimeProgress pastProgress = TimeProgress(
       "Test Progress",
-      DateTime(thisYear - 2),
-      DateTime(thisYear - 1),
+      DateTime(_thisYear - 2),
+      DateTime(_thisYear - 1),
     );
 
     await tester.pumpWidget(MaterialTesterWidget(
-      widget: ProgressListTile(
+      widget: ProgressListItem(
         timeProgress: pastProgress,
-        doneColor: defaultAppSettings.doneColor,
-        leftColor: defaultAppSettings.leftColor,
+        doneColor: _defaultAppSettings.doneColor,
+        leftColor: _defaultAppSettings.leftColor,
       ),
     ));
 
-    findStringOnce(pastProgress.name);
-    findStringOnce(ProgressListTileStrings.endedDaysAgoString(pastProgress));
+    _findStringOnce(pastProgress.name);
+    _findStringOnce(ProgressListTileStrings.endedDaysAgoString(pastProgress));
   });
 
   WidgetPredicate getProgressListTilePredicate(
           TimeProgress tp, AppSettings as) =>
       (Widget widget) =>
-          widget is ProgressListTile &&
+          widget is ProgressListItem &&
           widget.timeProgress == tp &&
           widget.doneColor == as.doneColor &&
           widget.leftColor == as.leftColor;
@@ -96,37 +96,35 @@ void main() {
       (WidgetTester tester) async {
     await tester.pumpWidget(MaterialTesterWidget(
       widget: ProgressListView(
-        timeProgressList: [activeProgress],
-        doneColor: defaultAppSettings.doneColor,
-        leftColor: defaultAppSettings.leftColor,
+        timeProgressList: [_activeProgress],
+        doneColor: _defaultAppSettings.doneColor,
+        leftColor: _defaultAppSettings.leftColor,
       ),
     ));
 
-    findStringOnce(activeProgress.name);
+    _findStringOnce(_activeProgress.name);
     expect(
         find.byWidgetPredicate(
-            getProgressListTilePredicate(activeProgress, defaultAppSettings)),
+            getProgressListTilePredicate(_activeProgress, _defaultAppSettings)),
         findsOneWidget);
   });
 
   testWidgets("Progress List View displays file tiles",
       (WidgetTester tester) async {
     List<TimeProgress> tpList = [];
-    for (int i = 0; i < 5; i++) {
-      tpList.add(activeProgress);
-    }
+    for (int i = 0; i < 5; i++) tpList.add(_activeProgress);
     await tester.pumpWidget(MaterialTesterWidget(
       widget: ProgressListView(
         timeProgressList: tpList,
-        doneColor: defaultAppSettings.doneColor,
-        leftColor: defaultAppSettings.leftColor,
+        doneColor: _defaultAppSettings.doneColor,
+        leftColor: _defaultAppSettings.leftColor,
       ),
     ));
 
-    expect(find.text(activeProgress.name), findsNWidgets(5));
+    expect(find.text(_activeProgress.name), findsNWidgets(5));
     expect(
         find.byWidgetPredicate(
-            getProgressListTilePredicate(activeProgress, defaultAppSettings)),
+            getProgressListTilePredicate(_activeProgress, _defaultAppSettings)),
         findsNWidgets(5));
   });
 }

web/index.html

@@ -8,13 +8,10 @@
     The path provided below has to start and end with a slash "/" in order for
     it to work correctly.
 
-    For more details:
+    Fore more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
-
-    This is a placeholder for base href that will be replaced by the value of
-    the `--base-href` argument provided to `flutter build`.
   -->
-  <base href="$FLUTTER_BASE_HREF">
+  <base href="/">
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
@@ -31,29 +28,18 @@
 
   <title>time_progress_tracker</title>
   <link rel="manifest" href="manifest.json">
-
-  <script>
-    // The value below is injected by flutter build, do not touch.
-    const serviceWorkerVersion = null;
-  </script>
-  <!-- This script adds the flutter initialization JS code -->
-  <script src="flutter.js" defer></script>
 </head>
 <body>
+  <!-- This script installs service_worker.js to provide PWA functionality to
+       application. For more information, see:
+       https://developers.google.com/web/fundamentals/primers/service-workers -->
   <script>
-    window.addEventListener('load', function(ev) {
-      // Download main.dart.js
-      _flutter.loader.loadEntrypoint({
-        serviceWorker: {
-          serviceWorkerVersion: serviceWorkerVersion,
-        },
-        onEntrypointLoaded: function(engineInitializer) {
-          engineInitializer.initializeEngine().then(function(appRunner) {
-            appRunner.runApp();
-          });
-        }
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('flutter-first-frame', function () {
+        navigator.serviceWorker.register('flutter_service_worker.js');
       });
-    });
+    }
   </script>
+  <script src="main.dart.js" type="application/javascript"></script>
 </body>
 </html>

web/manifest.json

@@ -18,18 +18,6 @@
             "src": "icons/Icon-512.png",
             "sizes": "512x512",
             "type": "image/png"
-        },
-        {
-            "src": "icons/Icon-maskable-192.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "maskable"
-        },
-        {
-            "src": "icons/Icon-maskable-512.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "maskable"
         }
     ]
 }