android/app/src/main/AndroidManifest.xml

@@ -28,12 +28,19 @@
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
             </intent-filter>
+            <meta-data android:name="flutter_deeplinking_enabled" android:value="false"/>
             <intent-filter android:autoVerify="true">
                 <action android:name="android.intent.action.VIEW"/>
                 <category android:name="android.intent.category.DEFAULT"/>
                 <category android:name="android.intent.category.BROWSABLE"/>
                 <data android:scheme="https" android:host="f0ck.me"/>
             </intent-filter>
+            <intent-filter android:autoVerify="true">
+                <action android:name="android.intent.action.VIEW"/>
+                <category android:name="android.intent.category.DEFAULT"/>
+                <category android:name="android.intent.category.BROWSABLE"/>
+                <data android:scheme="f0ck" android:host="com.f0ck.f0ckapp"/>
+            </intent-filter>
         </activity>
         <!-- Don't delete the meta-data below.
              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->

assets/i18n/de_DE.json

@@ -1,11 +0,0 @@
-{
-  "settings_title": "Einstellungen",
-  "settings_language": "Sprache",
-  "settings_drawer_title": "Drawer per Geste öffnen",
-  "settings_drawer_subtitle": "Wähle, ob der Drawer mit einer Wischgeste geschlossen/geöffnet werden kann.",
-  "settings_numberofcolumns_title": "Spaltenanzahl",
-  "settings_numberofcolumns_columns": "@count Spalten",
-  "settings_pageanimation_title": "Seitenwechselanimation",
-  "settings_cache_title": "Cache leeren",
-  "settings_cache_clear_button": "Leeren"
-}

assets/i18n/en_US.json

@@ -1,11 +0,0 @@
-{
-  "settings_title": "Settings",
-  "settings_language": "Language",
-  "settings_drawer_title": "Open drawer with gesture",
-  "settings_drawer_subtitle": "Choose whether the drawer can be closed/opened with a swipe gesture.",
-  "settings_numberofcolumns_title": "Number of columns",
-  "settings_numberofcolumns_columns": "@count columns",
-  "settings_pageanimation_title": "Page change animation",
-  "settings_cache_title": "Clear Cache",
-  "settings_cache_clear_button": "Clear"
-}

assets/i18n/fr_FR.json

@@ -1,11 +0,0 @@
-{
-  "settings_title": "Paramètres",
-  "settings_language": "Langue",
-  "settings_drawer_title": "Ouvrir le tiroir avec un geste",
-  "settings_drawer_subtitle": "Choisissez si le tiroir peut être ouvert/fermé avec un geste de balayage.",
-  "settings_numberofcolumns_title": "Nombre de colonnes",
-  "settings_numberofcolumns_columns": "@count colonnes",
-  "settings_pageanimation_title": "Animation de changement de page",
-  "settings_cache_title": "Vider le cache",
-  "settings_cache_clear_button": "Vider"
-}

assets/i18n/nl_NL.json

@@ -1,11 +0,0 @@
-{
-  "settings_title": "Instellingen",
-  "settings_language": "Taal",
-  "settings_drawer_title": "Lade openen met een gebaar",
-  "settings_drawer_subtitle": "Kies of de lade geopend/gesloten kan worden met een veeggebaar.",
-  "settings_numberofcolumns_title": "Aantal kolommen",
-  "settings_numberofcolumns_columns": "@count kolommen",
-  "settings_pageanimation_title": "Pagina-overgangsanimatie",
-  "settings_cache_title": "Cache wissen",
-  "settings_cache_clear_button": "Wissen"
-}

lib/controller/localization_controller.dart

@@ -1,61 +0,0 @@
-import 'dart:convert';
-
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-
-import 'package:get/get.dart';
-import 'package:encrypt_shared_preferences/provider.dart';
-
-class MyTranslations extends Translations {
-  static final MyTranslations instance = MyTranslations._internal();
-  MyTranslations._internal();
-
-  static final Map<String, Map<String, String>> _translations = {};
-
-  static Future<void> loadTranslations() async {
-    final locales = ['en_US', 'de_DE', 'fr_FR', 'nl_NL'];
-    for (final locale in locales) {
-      final String jsonString = await rootBundle.loadString('assets/i18n/$locale.json');
-      final Map<String, dynamic> jsonMap = json.decode(jsonString);
-      _translations[locale] = jsonMap.map((key, value) => MapEntry(key, value.toString()));
-    }
-  }
-
-  @override
-  Map<String, Map<String, String>> get keys => _translations;
-}
-
-class LocalizationController extends GetxController {
-  final EncryptedSharedPreferencesAsync storage =
-      EncryptedSharedPreferencesAsync.getInstance();
-  Rx<Locale> currentLocale = const Locale('en', 'US').obs;
-
-  @override
-  void onInit() {
-    super.onInit();
-    loadLocale();
-  }
-
-  Future<void> loadLocale() async {
-    String? savedLocale = await storage.getString(
-      'locale',
-      defaultValue: 'en_US',
-    );
-    if (savedLocale != null && savedLocale.isNotEmpty) {
-      final List<String> parts = savedLocale.split('_');
-      currentLocale.value = parts.length == 2
-          ? Locale(parts[0], parts[1])
-          : Locale(parts[0]);
-      Get.locale = currentLocale.value;
-    }
-  }
-
-  Future<void> changeLocale(Locale newLocale) async {
-    currentLocale.value = newLocale;
-    Get.updateLocale(newLocale);
-    await storage.setString(
-      'locale',
-      '${newLocale.languageCode}_${newLocale.countryCode}',
-    );
-  }
-}

lib/controller/media_controller.dart

@@ -1,110 +0,0 @@
-import 'package:encrypt_shared_preferences/provider.dart';
-import 'package:get/get.dart';
-
-import 'package:f0ckapp/utils/animatedtransition.dart';
-import 'package:f0ckapp/service/media_service.dart';
-import 'package:f0ckapp/models/media_item.dart';
-
-class MediaController extends GetxController {
-  final EncryptedSharedPreferencesAsync storage =
-      EncryptedSharedPreferencesAsync.getInstance();
-
-  final RxList<MediaItem> mediaItems = <MediaItem>[].obs;
-  final RxBool isLoading = false.obs;
-  final RxString errorMessage = ''.obs;
-  final MediaService _mediaService = MediaService();
-
-  RxnString tag = RxnString();
-  RxInt type = 0.obs;
-  RxInt mode = 0.obs;
-  RxBool random = false.obs;
-  late RxBool muted = false.obs;
-  late RxInt crossAxisCount = 0.obs;
-  late RxBool drawerSwipeEnabled = true.obs;
-  final Rx<PageTransition> transitionType = PageTransition.opacity.obs;
-
-  @override
-  void onInit() async {
-    super.onInit();
-    await loadSettings();
-  }
-
-  Future<void> loadSettings() async {
-    muted.value = await storage.getBoolean('muted') ?? false;
-    crossAxisCount.value = await storage.getInt('crossAxisCount') ?? 0;
-    drawerSwipeEnabled.value =
-        await storage.getBoolean('drawerSwipeEnabled') ?? true;
-    transitionType.value =
-        PageTransition.values[await storage.getInt('transitionType') ?? 0];
-  }
-
-  Future<void> saveSettings() async {
-    await storage.setBoolean('muted', muted.value);
-    await storage.setInt('crossAxisCount', crossAxisCount.value);
-    await storage.setBoolean('drawerSwipeEnabled', drawerSwipeEnabled.value);
-    await storage.setInt('transitionType', transitionType.value.index);
-  }
-
-  Future<void> setTag(String? newTag) async {
-    tag.value = newTag;
-    await loadMediaItems();
-  }
-
-  Future<void> setType(int newType) async {
-    type.value = newType;
-    await loadMediaItems();
-  }
-
-  Future<void> setMode(int newMode) async {
-    mode.value = newMode;
-    await loadMediaItems();
-  }
-
-  Future<void> toggleRandom() async {
-    random.value = !random.value;
-    await loadMediaItems();
-  }
-
-  Future<void> toggleMuted() async {
-    muted.value = !muted.value;
-    await saveSettings();
-  }
-
-  Future<void> setCrossAxisCount(int newCrossAxisCount) async {
-    crossAxisCount.value = newCrossAxisCount;
-    await saveSettings();
-  }
-
-  Future<void> setDrawerSwipeEnabled(bool newValue) async {
-    drawerSwipeEnabled.value = newValue;
-    await saveSettings();
-  }
-
-  Future<void> setTransitionType(PageTransition newType) async {
-    transitionType.value = newType;
-    await saveSettings();
-  }
-
-  Future<void> loadMediaItems({int? older, bool append = false}) async {
-    if (isLoading.value) return;
-    try {
-      isLoading.value = true;
-      final List<MediaItem> items = await _mediaService.fetchMediaItems(
-        type: type.value,
-        mode: mode.value,
-        random: random.value ? 1 : 0,
-        tag: tag.value,
-        older: older,
-      );
-
-      append ? mediaItems.addAll(items) : mediaItems.assignAll(items);
-
-      errorMessage.value = '';
-    } catch (e) {
-      errorMessage.value = 'Fehler beim Laden der Daten: ${e.toString()}';
-      Get.snackbar('Error', e.toString());
-    } finally {
-      isLoading.value = false;
-    }
-  }
-}

lib/main.dart

@@ -1,53 +1,87 @@
+import 'package:f0ckapp/providers/media_provider.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 
-import 'package:get/get.dart';
-import 'package:encrypt_shared_preferences/provider.dart';
+import 'package:go_router/go_router.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 
-import 'package:f0ckapp/controller/localization_controller.dart';
-import 'package:f0ckapp/utils/appversion.dart';
-import 'package:f0ckapp/controller/theme_controller.dart';
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/screens/detail_view.dart';
-import 'package:f0ckapp/screens/media_grid.dart';
+import 'package:f0ckapp/screens/mediagrid_screen.dart';
+import 'package:f0ckapp/screens/detailview_screen.dart';
+import 'package:f0ckapp/utils/appversion_util.dart';
+import 'package:f0ckapp/providers/theme_provider.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
-  await EncryptedSharedPreferencesAsync.initialize('VokTnbAbemBUa2j9');
-  await MyTranslations.loadTranslations();
   await AppVersion.init();
-  Get.put(MediaController());
-  LocalizationController localizationController = Get.put(LocalizationController());
-  final ThemeController themeController = Get.put(ThemeController());
 
-  Get.addTranslations(MyTranslations.instance.keys);
-  Get.locale = localizationController.currentLocale.value;
+  runApp(ProviderScope(child: F0ckApp()));
+}
 
-  //Locale systemLocale = WidgetsBinding.instance.platformDispatcher.locale;
+class F0ckApp extends ConsumerWidget {
+  F0ckApp({super.key});
 
-  runApp(
-    Obx(
-      () => MaterialApp(
-        locale: Get.locale,
-        navigatorKey: Get.key,
-        theme: themeController.currentTheme.value,
-        debugShowCheckedModeBanner: false,
-        onGenerateRoute: (RouteSettings settings) {
-          final uri = Uri.parse(settings.name ?? '/');
-
-          if (uri.path == '/' || uri.pathSegments.isEmpty) {
-            return MaterialPageRoute(builder: (_) => MediaGrid());
-          }
-
-          if (uri.pathSegments.length == 1) {
-            final int id = int.parse(uri.pathSegments.first);
-            return MaterialPageRoute(builder: (_) => DetailView(initialId: id));
-          }
-
-          return MaterialPageRoute(builder: (_) => MediaGrid());
+  final GoRouter _router = GoRouter(
+    initialLocation: '/',
+    routes: [
+      GoRoute(
+        path: '/',
+        builder: (BuildContext context, GoRouterState state) {
+          return const MediaGrid();
         },
       ),
-    ),
+      GoRoute(
+        path: '/:rest(.*)',
+        builder: (context, state) {
+          final bool isInternalLink = (state.extra is bool && state.extra == true);
+          final String fullPath = state.matchedLocation;
+
+          final regExp = RegExp(
+            r'^(?:/tag/(?<tag>.+?))?(?:/(?<mime>image|audio|video))?(?:/(?<itemid>\d+))?$',
           );
+          final RegExpMatch? match = regExp.firstMatch(fullPath);
+
+          if (match == null) {
+            return const Scaffold(body: Center(child: Text('Ungültiger Link')));
+          }
+
+          final String? tag = match.namedGroup('tag');
+          final String? mime = match.namedGroup('mime');
+          final String? idStr = match.namedGroup('itemid');
+          final int? itemId = idStr != null ? int.tryParse(idStr) : null;
+          const int preloadOffset = 50;
+
+          return Consumer(
+            builder: (BuildContext context, WidgetRef ref, Widget? child) {
+              WidgetsBinding.instance.addPostFrameCallback((_) async {
+                final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
+                if (!isInternalLink) {
+                  mediaNotifier.setType(mime ?? "alles");
+                  mediaNotifier.setTag(tag);
+                }
+                if (itemId != null) {
+                  await mediaNotifier.loadMedia(id: itemId + preloadOffset);
+                }
+              });
+              if (itemId != null) {
+                return DetailView(initialItemId: itemId);
+              } else {
+                return MediaGrid();
+              }
+            },
+          );
+        },
+      ),
+    ],
+  );
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final ThemeData theme = ref.watch(themeNotifierProvider);
+    return MaterialApp.router(
+      debugShowCheckedModeBanner: false,
+      routerConfig: _router,
+      theme: theme,
+    );
+  }
 }

lib/models/mediaitem_model.dart

@@ -18,15 +18,6 @@ class MediaItem {
   });
 
   factory MediaItem.fromJson(Map<String, dynamic> json) {
-    List<Tag> parsedTags = [];
-    if (json['tags'] is List) {
-      parsedTags = (json['tags'] as List<dynamic>)
-          .map((tagJson) => Tag.fromJson(tagJson as Map<String, dynamic>))
-          .toList();
-    } else {
-      parsedTags = [];
-    }
-
     return MediaItem(
       id: json['id'],
       mime: json['mime'],
@@ -34,7 +25,9 @@ class MediaItem {
       stamp: json['stamp'],
       dest: json['dest'],
       mode: json['mode'],
-      tags: parsedTags,
+      tags: (json['tags'] as List<dynamic>)
+          .map((tagJson) => Tag.fromJson(tagJson))
+          .toList(),
     );
   }
 

lib/providers/media_provider.dart

@@ -0,0 +1,163 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+
+import 'package:f0ckapp/models/mediaitem_model.dart';
+import 'package:f0ckapp/services/api_service.dart';
+
+const List<String> mediaTypes = ["alles", "image", "video", "audio"];
+const List<String> mediaModes = ["sfw", "nsfw", "untagged", "all"];
+const _unsetTag = Object();
+
+class MediaState {
+  final int typeIndex;
+  final int modeIndex;
+  final bool random;
+  final String? tag;
+  final int crossAxisCount;
+  final List<MediaItem> mediaItems;
+  final bool isLoading;
+  final bool muted;
+
+  const MediaState({
+    this.typeIndex = 0,
+    this.modeIndex = 0,
+    this.random = false,
+    this.tag,
+    this.crossAxisCount = 0,
+    this.mediaItems = const [],
+    this.isLoading = false,
+    this.muted = false,
+  });
+
+  MediaState replace({
+    int? typeIndex,
+    int? modeIndex,
+    bool? random,
+    Object? tag = _unsetTag,
+    int? crossAxisCount,
+    List<MediaItem>? mediaItems,
+    bool? isLoading,
+    bool? muted,
+  }) {
+    return MediaState(
+      typeIndex: typeIndex ?? this.typeIndex,
+      modeIndex: modeIndex ?? this.modeIndex,
+      random: random ?? this.random,
+      tag: identical(tag, _unsetTag) ? this.tag : tag as String?,
+      crossAxisCount: crossAxisCount ?? this.crossAxisCount,
+      mediaItems: mediaItems ?? this.mediaItems,
+      isLoading: isLoading ?? this.isLoading,
+      muted: muted ?? this.muted,
+    );
+  }
+}
+
+class MediaNotifier extends StateNotifier<MediaState> {
+  final _storage = const FlutterSecureStorage(
+    aOptions: AndroidOptions(encryptedSharedPreferences: true),
+  );
+
+  MediaNotifier() : super(const MediaState()) {
+    _loadMutedState();
+  }
+
+  Future<void> _loadMutedState() async {
+    final storedMuted = await _storage.read(key: 'muted');
+    final isMuted = storedMuted == 'true';
+    state = state.replace(muted: isMuted);
+  }
+
+  Future<void> _saveMutedState() async {
+    await _storage.write(key: 'muted', value: state.muted.toString());
+  }
+
+  void setType(String type) {
+    final newIndex = mediaTypes.indexOf(type);
+    state = state.replace(typeIndex: newIndex);
+    resetMedia();
+  }
+
+  void setMode(int modeIndex) {
+    state = state.replace(modeIndex: modeIndex);
+    resetMedia();
+  }
+
+  void toggleRandom() {
+    state = state.replace(random: !state.random);
+    resetMedia();
+  }
+
+  void setTag(String? tag) {
+    state = state.replace(tag: tag);
+    resetMedia();
+  }
+
+  void setCrossAxisCount(int count) {
+    state = state.replace(crossAxisCount: count);
+  }
+
+  void resetMedia() {
+    state = state.replace(mediaItems: []);
+    loadMedia();
+  }
+
+  void addMediaItems(List<MediaItem> newItems) {
+    final Set<int> existingIds = state.mediaItems
+        .map((item) => item.id)
+        .toSet();
+    final List<MediaItem> filteredItems = newItems
+        .where((item) => !existingIds.contains(item.id))
+        .toList();
+    if (filteredItems.isNotEmpty) {
+      final List<MediaItem> updated = List<MediaItem>.from(state.mediaItems)
+        ..addAll(filteredItems);
+      state = state.replace(mediaItems: updated);
+    }
+  }
+
+  List<MediaItem> mergeMediaItems(
+    List<MediaItem> current,
+    List<MediaItem> incoming,
+  ) {
+    final existingIds = current.map((item) => item.id).toSet();
+    final newItems = incoming
+        .where((item) => !existingIds.contains(item.id))
+        .toList();
+    return [...current, ...newItems];
+  }
+
+  Future<void> loadMedia({int? id}) async {
+    if (state.isLoading) return;
+    state = state.replace(isLoading: true);
+    try {
+      final older =
+          id ?? (state.mediaItems.isNotEmpty ? state.mediaItems.last.id : null);
+      final newMedia = await fetchMedia(
+        older: older,
+        type: mediaTypes[state.typeIndex],
+        mode: state.modeIndex,
+        random: state.random,
+        tag: state.tag,
+      );
+
+      if (newMedia.isNotEmpty) {
+        state = state.replace(
+          mediaItems: mergeMediaItems(state.mediaItems, newMedia),
+        );
+      }
+    } catch (e) {
+      print('Fehler beim Laden der Medien: $e');
+    } finally {
+      state = state.replace(isLoading: false);
+    }
+  }
+
+  void toggleMute() {
+    state = state.replace(muted: !state.muted);
+    _saveMutedState();
+  }
+}
+
+final mediaProvider = StateNotifierProvider<MediaNotifier, MediaState>(
+  (ref) => MediaNotifier(),
+);

lib/providers/theme_provider.dart

@@ -1,7 +1,58 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 
-import 'package:get/get.dart';
-import 'package:encrypt_shared_preferences/provider.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+final Map<String, ThemeData> themeMap = {
+  'f0ck': f0ckTheme,
+  'P1nk': p1nkTheme, // done
+  'Orange': orangeTheme,
+  'Amoled': amoledTheme,
+  'Paper': paperTheme,
+  //'Iced': icedTheme,
+  'f0ck95': f0ck95Theme,
+  'f0ck95d': f0ck95dTheme,
+};
+
+class ThemeNotifier extends StateNotifier<ThemeData> {
+  final FlutterSecureStorage secureStorage;
+
+  ThemeNotifier({required this.secureStorage}) : super(f0ckTheme) {
+    _loadTheme();
+  }
+
+  Future<void> _loadTheme() async {
+    try {
+      String? savedThemeName = await secureStorage.read(key: 'theme');
+      if (savedThemeName != null && themeMap.containsKey(savedThemeName)) {
+        state = themeMap[savedThemeName]!;
+      }
+    } catch (error) {
+      debugPrint('Fehler beim Laden des Themes: $error');
+      state = f0ckTheme;
+    }
+  }
+
+  Future<void> updateTheme(String themeName) async {
+    try {
+      await secureStorage.write(key: 'theme', value: themeName);
+      state = themeMap[themeName] ?? f0ckTheme;
+    } catch (error) {
+      debugPrint('Fehler beim Aktualisieren des Themes: $error');
+    }
+  }
+}
+
+final themeNotifierProvider = StateNotifierProvider<ThemeNotifier, ThemeData>((
+  ref,
+) {
+  return ThemeNotifier(
+    secureStorage: const FlutterSecureStorage(
+      aOptions: AndroidOptions(encryptedSharedPreferences: true),
+    ),
+  );
+});
 
 final ThemeData f0ckTheme = ThemeData(
   brightness: Brightness.dark,
@@ -186,7 +237,7 @@ final ThemeData f0ck95Theme = ThemeData(
     backgroundColor: const Color(0xFFE0E0E0),
     foregroundColor: Colors.black,
     elevation: 4,
-    centerTitle: true,
+    centerTitle: true
   ),
   textTheme: const TextTheme(
     bodyLarge: TextStyle(color: Colors.black),
@@ -235,55 +286,3 @@ final ThemeData f0ck95dTheme = ThemeData(
     trackColor: WidgetStateProperty.all<Color>(const Color(0xFF424242)),
   ),
 );
-
-class ThemeController extends GetxController {
-  final EncryptedSharedPreferencesAsync storage =
-      EncryptedSharedPreferencesAsync.getInstance();
-
-  final Rx<ThemeData> currentTheme = f0ckTheme.obs;
-
-  final Map<String, ThemeData> themeMap = {
-    'f0ck': f0ckTheme,
-    'P1nk': p1nkTheme,
-    'Orange': orangeTheme,
-    'Amoled': amoledTheme,
-    'Paper': paperTheme,
-    'f0ck95': f0ck95Theme,
-    'f0ck95d': f0ck95dTheme,
-  };
-
-  @override
-  void onInit() {
-    super.onInit();
-    _loadTheme();
-  }
-
-  Future<void> _loadTheme() async {
-    try {
-      final String? savedThemeName = await storage.getString('theme');
-      if (savedThemeName != null && themeMap.containsKey(savedThemeName)) {
-        currentTheme.value = themeMap[savedThemeName]!;
-        Get.changeTheme(currentTheme.value);
-      }
-    } catch (error) {
-      Get.snackbar('', 'Fehler beim Laden des Themes: $error');
-      currentTheme.value = f0ckTheme;
-      Get.changeTheme(f0ckTheme);
-    }
-  }
-
-  Future<void> updateTheme(String themeName) async {
-    try {
-      await storage.setString('theme', themeName);
-      if (themeMap.containsKey(themeName)) {
-        currentTheme.value = themeMap[themeName]!;
-        Get.changeTheme(currentTheme.value);
-      } else {
-        currentTheme.value = f0ckTheme;
-        Get.changeTheme(f0ckTheme);
-      }
-    } catch (error) {
-      Get.snackbar('', 'Fehler beim Aktualisieren des Themes: $error');
-    }
-  }
-}

lib/screens/detail_view.dart

@@ -1,318 +0,0 @@
-import 'dart:io';
-
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-
-import 'package:cached_network_image/cached_network_image.dart';
-import 'package:get/get.dart';
-import 'package:flutter_cache_manager/flutter_cache_manager.dart';
-import 'package:share_plus/share_plus.dart';
-
-import 'package:f0ckapp/utils/animatedtransition.dart';
-import 'package:f0ckapp/utils/smartrefreshindicator.dart';
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/models/media_item.dart';
-import 'package:f0ckapp/screens/media_grid.dart';
-import 'package:f0ckapp/screens/fullscreen_screen.dart';
-import 'package:f0ckapp/widgets/end_drawer.dart';
-import 'package:f0ckapp/widgets/video_widget.dart';
-
-class DetailView extends StatefulWidget {
-  final int initialId;
-  const DetailView({super.key, required this.initialId});
-
-  @override
-  State<DetailView> createState() => _DetailViewState();
-}
-
-class _DetailViewState extends State<DetailView> {
-  final MediaController controller = Get.find<MediaController>();
-  MediaItem? item;
-  bool isLoading = false;
-  PageController? _pageController;
-  int _currentPage = 0;
-
-  @override
-  void initState() {
-    super.initState();
-    _setupInitialView();
-
-    ever(controller.drawerSwipeEnabled, (_) {
-      setState(() {});
-    });
-  }
-
-  Future<void> _setupInitialView() async {
-    bool itemExists = controller.mediaItems.any(
-      (media) => media.id == widget.initialId,
-    );
-
-    if (!itemExists) {
-      await _initializeDetail(widget.initialId);
-    }
-    _initializePageController();
-  }
-
-  void _initializePageController() {
-    _currentPage = controller.mediaItems.indexWhere(
-      (media) => media.id == widget.initialId,
-    );
-    if (_currentPage < 0) _currentPage = 0;
-    _pageController = PageController(initialPage: _currentPage)
-      ..addListener(() {
-        setState(() => _currentPage = _pageController!.page!.round());
-      });
-    setState(() {});
-  }
-
-  Future<void> _downloadMedia(MediaItem item) async {
-    final File file = await DefaultCacheManager().getSingleFile(item.mediaUrl);
-    final MethodChannel methodChannel = const MethodChannel('MediaShit');
-
-    bool? success = await methodChannel.invokeMethod<bool>('saveFile', {
-      'filePath': file.path,
-      'fileName': item.dest,
-    });
-
-    success == true
-        ? _showMsg('${item.dest} wurde in Downloads/fApp neigespeichert.')
-        : _showMsg('${item.dest} konnte nicht heruntergeladen werden.');
-  }
-
-  void _showMsg(String message) {
-    if (!mounted) return;
-    Get
-      ..closeAllSnackbars()
-      ..snackbar('hehe', message, snackPosition: SnackPosition.BOTTOM);
-  }
-
-  Future<void> _initializeDetail(int deepLinkId) async {
-    item = controller.mediaItems.firstWhereOrNull(
-      (element) => element.id == deepLinkId,
-    );
-
-    if (item == null) {
-      setState(() => isLoading = true);
-      await controller.loadMediaItems(older: deepLinkId + 50);
-      item = controller.mediaItems.firstWhereOrNull(
-        (element) => element.id == deepLinkId,
-      );
-      if (item == null) {
-        Get.offAll(() => const MediaGrid());
-      }
-      setState(() => isLoading = false);
-    }
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    if (isLoading) {
-      return Scaffold(
-        appBar: AppBar(
-          title: const Text("f0ck"),
-          leading: Navigator.canPop(context)
-              ? null
-              : IconButton(
-                  icon: const Icon(Icons.arrow_back),
-                  onPressed: () {
-                    Get.offAll(() => const MediaGrid());
-                  },
-                ),
-        ),
-        body: const Center(child: CircularProgressIndicator()),
-      );
-    }
-
-    final MediaItem currentItem = controller.mediaItems[_currentPage];
-
-    return Scaffold(
-      endDrawer: const EndDrawer(),
-      endDrawerEnableOpenDragGesture: controller.drawerSwipeEnabled.value,
-      persistentFooterButtons: controller.tag.value != null
-          ? [
-              Center(
-                child: InputChip(
-                  label: Text(controller.tag.value!),
-                  onDeleted: () {
-                    controller.setTag(null);
-                    Get.offAllNamed('/');
-                  },
-                ),
-              ),
-            ]
-          : null,
-      body: CustomScrollView(
-        slivers: [
-          SliverAppBar(
-            floating: true,
-            pinned: true,
-            snap: true,
-            centerTitle: true,
-            title: Text('f0ck #${currentItem.id.toString()}'),
-            leading: IconButton(
-              icon: const Icon(Icons.arrow_back),
-              onPressed: () {
-                Navigator.canPop(context)
-                ? Get.back()
-                : Get.offAllNamed('/');
-              }
-            ),
-            actions: [
-              IconButton(
-                icon: const Icon(Icons.fullscreen),
-                onPressed: () {
-                  Get.to(
-                    FullScreenMediaView(item: currentItem),
-                    fullscreenDialog: true,
-                  );
-                },
-              ),
-              IconButton(
-                icon: const Icon(Icons.download),
-                onPressed: () async {
-                  await _downloadMedia(currentItem);
-                },
-              ),
-              PopupMenuButton<String>(
-                onSelected: (value) async {
-                  switch (value) {
-                    case 'media':
-                      File file = await DefaultCacheManager().getSingleFile(
-                        currentItem.mediaUrl,
-                      );
-                      Uint8List bytes = await file.readAsBytes();
-                      final params = ShareParams(
-                        files: [
-                          XFile.fromData(bytes, mimeType: currentItem.mime),
-                        ],
-                      );
-                      await SharePlus.instance.share(params);
-                      break;
-                    case 'direct_link':
-                      await SharePlus.instance.share(
-                        ShareParams(text: currentItem.mediaUrl),
-                      );
-                      break;
-                    case 'post_link':
-                      await SharePlus.instance.share(
-                        ShareParams(text: currentItem.postUrl),
-                      );
-                      break;
-                  }
-                },
-                itemBuilder: (context) => [
-                  PopupMenuItem(
-                    value: 'media',
-                    child: ListTile(
-                      leading: const Icon(Icons.image),
-                      title: const Text('Als Datei'),
-                    ),
-                  ),
-                  PopupMenuItem(
-                    value: 'direct_link',
-                    child: ListTile(
-                      leading: const Icon(Icons.link),
-                      title: const Text('Link zur Datei'),
-                    ),
-                  ),
-                  PopupMenuItem(
-                    value: 'post_link',
-                    child: ListTile(
-                      leading: const Icon(Icons.article),
-                      title: const Text('Link zum f0ck'),
-                    ),
-                  ),
-                ],
-                icon: const Icon(Icons.share),
-              ),
-              Builder(
-                builder: (context) => IconButton(
-                  icon: const Icon(Icons.menu),
-                  onPressed: () {
-                    Scaffold.of(context).openEndDrawer();
-                  },
-                ),
-              ),
-            ],
-          ),
-          SliverFillRemaining(
-            child: PageView.builder(
-              controller: _pageController,
-              itemCount: controller.mediaItems.length,
-              itemBuilder: (context, index) {
-                final MediaItem pageItem = controller.mediaItems[index];
-                return AnimatedBuilder(
-                  animation: _pageController!,
-                  builder: (context, child) {
-                    return buildAnimatedTransition(
-                      context: context,
-                      child: child!,
-                      pageController: _pageController!,
-                      index: index,
-                      controller: controller,
-                    );
-                  },
-                  child: SmartRefreshIndicator(
-                    onRefresh: () async {
-                      _showMsg('not hehe');
-                    },
-                    child: SafeArea(
-                      top: false,
-                      child: SingleChildScrollView(
-                        child: Column(
-                          children: [
-                            if (pageItem.mime.startsWith('image'))
-                              CachedNetworkImage(
-                                imageUrl: pageItem.mediaUrl,
-                                fit: BoxFit.contain,
-                                placeholder: (context, url) => const Center(
-                                  child: CircularProgressIndicator(),
-                                ),
-                                errorWidget: (context, url, error) =>
-                                    const Center(child: Icon(Icons.error)),
-                              )
-                            else
-                              VideoWidget(
-                                details: pageItem,
-                                isActive: index == _currentPage,
-                              ),
-                            const SizedBox(height: 10, width: double.infinity),
-                            Wrap(
-                              alignment: WrapAlignment.center,
-                              spacing: 5.0,
-                              children: pageItem.tags.map((tag) {
-                                return ActionChip(
-                                  onPressed: () {
-                                    if (tag.tag == 'sfw' || tag.tag == 'nsfw') {
-                                      return;
-                                    }
-                                    controller.setTag(tag.tag);
-                                    Get.offAllNamed('/');
-                                  },
-                                  label: Text(tag.tag),
-                                  backgroundColor: switch (tag.id) {
-                                    1 => Colors.green,
-                                    2 => Colors.red,
-                                    _ => const Color(0xFF090909),
-                                  },
-                                  labelStyle: const TextStyle(
-                                    color: Colors.white,
-                                  ),
-                                );
-                              }).toList(),
-                            ),
-                            const SizedBox(height: 20),
-                          ],
-                        ),
-                      ),
-                    ),
-                  ),
-                );
-              },
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/screens/detailview_screen.dart

@@ -0,0 +1,302 @@
+import 'dart:io';
+import 'dart:typed_data';
+
+import 'package:f0ckapp/screens/fullscreen_screen.dart';
+import 'package:f0ckapp/widgets/end_drawer.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:go_router/go_router.dart';
+import 'package:share_plus/share_plus.dart';
+
+import 'package:f0ckapp/models/mediaitem_model.dart';
+import 'package:f0ckapp/widgets/video_widget.dart';
+import 'package:f0ckapp/utils/smartrefreshindicator_util.dart';
+import 'package:f0ckapp/utils/pagetransformer_util.dart';
+import 'package:f0ckapp/providers/media_provider.dart';
+
+class DetailView extends ConsumerStatefulWidget {
+  final int initialItemId;
+
+  const DetailView({super.key, required this.initialItemId});
+
+  @override
+  ConsumerState<DetailView> createState() => _DetailViewState();
+}
+
+class _DetailViewState extends ConsumerState<DetailView> {
+  PageController? _pageController;
+  bool isLoading = false;
+  int _currentIndex = 0;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  void _preloadAdjacentMedia(int index) async {
+    final mediaState = ref.read(mediaProvider);
+    for (int offset in [-1, 1]) {
+      final adjacentIndex = index + offset;
+      if (adjacentIndex >= 0 && adjacentIndex < mediaState.mediaItems.length) {
+        final url = mediaState.mediaItems[adjacentIndex].mediaUrl;
+        if (await DefaultCacheManager().getFileFromCache(url) == null) {
+          await DefaultCacheManager().downloadFile(url);
+        }
+      }
+    }
+  }
+
+  Future<void> _loadMoreMedia() async {
+    if (isLoading) return;
+    setState(() => isLoading = true);
+
+    try {
+      await ref.read(mediaProvider.notifier).loadMedia();
+    } catch (e) {
+      _showMsg("Fehler beim Laden der Medien: $e");
+    } finally {
+      setState(() => isLoading = false);
+    }
+  }
+
+  void _showMsg(String message) {
+    if (!mounted) return;
+    ScaffoldMessenger.of(context)
+      ..removeCurrentSnackBar()
+      ..showSnackBar(SnackBar(content: Text(message)));
+  }
+
+  Future<void> _downloadMedia() async {
+    final MediaState mediaState = ref.read(mediaProvider);
+    final MediaItem currentItem = mediaState.mediaItems[_currentIndex];
+    final File file = await DefaultCacheManager().getSingleFile(
+      currentItem.mediaUrl,
+    );
+    final MethodChannel methodChannel = const MethodChannel('MediaShit');
+
+    bool? success = await methodChannel.invokeMethod<bool>('saveFile', {
+      'filePath': file.path,
+      'fileName': currentItem.dest,
+    });
+
+    success == true
+        ? _showMsg(
+            '${currentItem.dest} wurde in Downloads/fApp neigespeichert.',
+          )
+        : _showMsg('${currentItem.dest} konnte nicht heruntergeladen werden.');
+  }
+
+  @override
+  void dispose() {
+    _pageController?.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final MediaState mediaState = ref.watch(mediaProvider);
+    final int itemIndex = mediaState.mediaItems.indexWhere(
+      (item) => item.id == widget.initialItemId,
+    );
+
+    if (itemIndex == -1) {
+      Future.microtask(() {
+        ref.read(mediaProvider.notifier).loadMedia(id: widget.initialItemId + 50);
+      });
+      return Scaffold(
+        appBar: AppBar(),
+        body: const Center(child: CircularProgressIndicator()),
+      );
+    }
+
+    if (_pageController == null) {
+      _pageController = PageController(initialPage: itemIndex);
+      _currentIndex = itemIndex;
+      _pageController!.addListener(() {
+        setState(() => _currentIndex = _pageController!.page?.round() ?? 0);
+      });
+      _preloadAdjacentMedia(itemIndex);
+    }
+
+    return Scaffold(
+      endDrawer: EndDrawer(ref: ref),
+      persistentFooterButtons: mediaState.tag != null
+          ? [
+              Center(
+                child: InputChip(
+                  label: Text(mediaState.tag!),
+                  onDeleted: () {
+                    ref.read(mediaProvider.notifier).setTag(null);
+                    context.go('/', extra: true);
+                  },
+                ),
+              ),
+            ]
+          : null,
+      body: CustomScrollView(
+        slivers: [
+          SliverAppBar(
+            floating: true,
+            pinned: true,
+            snap: true,
+            centerTitle: true,
+            title: Text('f0ck #${mediaState.mediaItems[_currentIndex].id}'),
+            leading: IconButton(
+              icon: const Icon(Icons.arrow_back),
+              onPressed: () {
+                context.canPop() ? context.pop() : context.go('/', extra: true);
+              },
+            ),
+            actions: [
+              IconButton(
+                icon: const Icon(Icons.fullscreen),
+                onPressed: () {
+                  final currentItem = mediaState.mediaItems[_currentIndex];
+                  Navigator.of(context).push(
+                    MaterialPageRoute(
+                      builder: (_) => FullScreenMediaView(item: currentItem),
+                    ),
+                  );
+                },
+              ),
+              IconButton(
+                icon: const Icon(Icons.download),
+                onPressed: _downloadMedia,
+              ),
+              PopupMenuButton<String>(
+                onSelected: (value) async {
+                  final item = mediaState.mediaItems[_currentIndex];
+                  switch (value) {
+                    case 'media':
+                      File file = await DefaultCacheManager().getSingleFile(
+                        item.mediaUrl,
+                      );
+                      Uint8List bytes = await file.readAsBytes();
+                      final params = ShareParams(
+                        files: [XFile.fromData(bytes, mimeType: item.mime)],
+                      );
+                      await SharePlus.instance.share(params);
+                      break;
+                    case 'direct_link':
+                      await SharePlus.instance.share(
+                        ShareParams(text: item.mediaUrl),
+                      );
+                      break;
+                    case 'post_link':
+                      await SharePlus.instance.share(
+                        ShareParams(text: item.postUrl),
+                      );
+                      break;
+                  }
+                },
+                itemBuilder: (context) => [
+                  PopupMenuItem(
+                    value: 'media',
+                    child: ListTile(
+                      leading: const Icon(Icons.image),
+                      title: const Text('Als Datei'),
+                    ),
+                  ),
+                  PopupMenuItem(
+                    value: 'direct_link',
+                    child: ListTile(
+                      leading: const Icon(Icons.link),
+                      title: const Text('Link zur Datei'),
+                    ),
+                  ),
+                  PopupMenuItem(
+                    value: 'post_link',
+                    child: ListTile(
+                      leading: const Icon(Icons.article),
+                      title: const Text('Link zum f0ck'),
+                    ),
+                  ),
+                ],
+                icon: const Icon(Icons.share),
+              ),
+              Builder(
+                builder: (context) => IconButton(
+                  icon: const Icon(Icons.menu),
+                  onPressed: () {
+                    Scaffold.of(context).openEndDrawer();
+                  },
+                ),
+              ),
+            ],
+            flexibleSpace: FlexibleSpaceBar(
+              background: Container(color: Colors.transparent),
+            ),
+          ),
+          SliverPadding(
+            padding: EdgeInsets.zero,
+            sliver: SliverFillRemaining(
+              child: PageTransformer(
+                controller: _pageController!,
+                pages: mediaState.mediaItems.map((item) {
+                  int pageIndex = mediaState.mediaItems.indexOf(item);
+                  return SafeArea(
+                    top: false,
+                    child: SmartRefreshIndicator(
+                      onRefresh: _loadMoreMedia,
+                      child: _buildMediaItem(item, _currentIndex == pageIndex),
+                    ),
+                  );
+                }).toList(),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildMediaItem(MediaItem item, bool isActive) {
+    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
+
+    return SingleChildScrollView(
+      child: Column(
+        children: [
+          if (item.mime.startsWith('image'))
+            CachedNetworkImage(
+              imageUrl: item.mediaUrl,
+              fit: BoxFit.contain,
+              placeholder: (context, url) =>
+                  const Center(child: CircularProgressIndicator()),
+              errorWidget: (context, url, error) =>
+                  const Center(child: Icon(Icons.error)),
+            )
+          else
+            VideoWidget(details: item, isActive: isActive),
+          const SizedBox(height: 10, width: double.infinity),
+          Wrap(
+            alignment: WrapAlignment.center,
+            spacing: 5.0,
+            children: item.tags.map((tag) {
+              return ActionChip(
+                onPressed: () {
+                  if (tag.tag == 'sfw' || tag.tag == 'nsfw') return;
+                  setState(() {
+                    mediaNotifier.setTag(tag.tag);
+                    context.go('/', extra: true);
+                  });
+                },
+                label: Text(tag.tag),
+                backgroundColor: switch (tag.id) {
+                  1 => Colors.green,
+                  2 => Colors.red,
+                  _ => const Color(0xFF090909),
+                },
+                labelStyle: const TextStyle(color: Colors.white),
+              );
+            }).toList(),
+          ),
+          const SizedBox(height: 20),
+        ],
+      ),
+    );
+  }
+}

lib/screens/fullscreen_screen.dart

@@ -3,7 +3,7 @@ import 'package:flutter/services.dart';
 
 import 'package:cached_network_image/cached_network_image.dart';
 
-import 'package:f0ckapp/models/media_item.dart';
+import 'package:f0ckapp/models/mediaitem_model.dart';
 import 'package:f0ckapp/widgets/video_widget.dart';
 
 class FullScreenMediaView extends StatefulWidget {
@@ -40,7 +40,7 @@ class _FullScreenMediaViewState extends State<FullScreenMediaView> {
             child: widget.item.mime.startsWith('image')
                 ? InteractiveViewer(
                     minScale: 1.0,
-                    maxScale: 7.0,
+                    maxScale: 6.0,
                     child: CachedNetworkImage(
                       imageUrl: widget.item.mediaUrl,
                       fit: BoxFit.contain,

lib/screens/media_grid.dart

@@ -1,156 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:get/get.dart';
-
-import 'package:f0ckapp/utils/customsearchdelegate.dart';
-import 'package:f0ckapp/widgets/filter_bar.dart';
-import 'package:f0ckapp/widgets/end_drawer.dart';
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/widgets/media_tile.dart';
-
-class MediaGrid extends StatefulWidget {
-  const MediaGrid({super.key});
-
-  @override
-  State<MediaGrid> createState() => _MediaGridState();
-}
-
-class _MediaGridState extends State<MediaGrid> {
-  final MediaController controller = Get.find<MediaController>();
-  final ScrollController _scrollController = ScrollController();
-
-  @override
-  void initState() {
-    super.initState();
-    controller.loadMediaItems();
-
-    ever(controller.drawerSwipeEnabled, (_) {
-      setState(() {});
-    });
-
-    _scrollController.addListener(() {
-      if (_scrollController.position.extentAfter < 200 &&
-          !controller.isLoading.value) {
-        controller.loadMediaItems(
-          older: controller.mediaItems.isNotEmpty
-              ? controller.mediaItems.last.id
-              : null,
-          append: true,
-        );
-      }
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      endDrawer: EndDrawer(),
-      endDrawerEnableOpenDragGesture: controller.drawerSwipeEnabled.value,
-      body: RefreshIndicator(
-        edgeOffset: 100,
-        onRefresh: () async {
-          await controller.loadMediaItems();
-        },
-        child: CustomScrollView(
-          controller: _scrollController,
-          slivers: [
-            SliverAppBar(
-              floating: true,
-              snap: true,
-              title: GestureDetector(
-                child: Row(
-                  children: [
-                    Image.asset(
-                      'assets/images/f0ck_small.webp',
-                      fit: BoxFit.fitHeight,
-                    ),
-                    const SizedBox(width: 10),
-                    const Text('fApp', style: TextStyle(fontSize: 24)),
-                  ],
-                ),
-                onTap: () {
-                  controller.setTag(null);
-                },
-              ),
-              actions: [
-                IconButton(
-                  icon: const Icon(Icons.search),
-                  onPressed: () async {
-                    await showSearch(
-                      context: context,
-                      delegate: CustomSearchDelegate(),
-                    );
-                  },
-                ),
-                Obx(
-                  () => IconButton(
-                    icon: Icon(
-                      controller.random.value
-                          ? Icons.shuffle_on_outlined
-                          : Icons.shuffle,
-                    ),
-                    onPressed: () async {
-                      await controller.toggleRandom();
-                    },
-                  ),
-                ),
-
-                Builder(
-                  builder: (context) {
-                    return IconButton(
-                      icon: const Icon(Icons.menu),
-                      onPressed: () {
-                        Scaffold.of(context).openEndDrawer();
-                      },
-                    );
-                  },
-                ),
-              ],
-            ),
-            SliverPadding(
-              padding: EdgeInsets.zero,
-              sliver: Obx(
-                () => SliverGrid(
-                  delegate: SliverChildBuilderDelegate((context, index) {
-                    return MediaTile(item: controller.mediaItems[index]);
-                  }, childCount: controller.mediaItems.length),
-                  gridDelegate: controller.crossAxisCount.value == 0
-                      ? const SliverGridDelegateWithMaxCrossAxisExtent(
-                          maxCrossAxisExtent: 150,
-                          crossAxisSpacing: 5,
-                          mainAxisSpacing: 5,
-                          childAspectRatio: 1,
-                        )
-                      : SliverGridDelegateWithFixedCrossAxisCount(
-                          crossAxisCount: controller.crossAxisCount.value,
-                          crossAxisSpacing: 5,
-                          mainAxisSpacing: 5,
-                          childAspectRatio: 1,
-                        ),
-                ),
-              ),
-            ),
-          ],
-        ),
-      ),
-      persistentFooterButtons: [
-        Obx(() {
-          if (controller.tag.value != null) {
-            return Center(
-              child: InputChip(
-                label: Text(controller.tag.value!),
-                onDeleted: () async {
-                  await controller.setTag(null);
-                  Get.offAllNamed('/');
-                },
-              ),
-            );
-          } else {
-            return SizedBox.shrink();
-          }
-        }),
-      ],
-      bottomNavigationBar: FilterBar(scrollController: _scrollController),
-    );
-  }
-}

lib/screens/mediagrid_screen.dart

@@ -0,0 +1,154 @@
+import 'package:flutter/material.dart';
+
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+import 'package:f0ckapp/providers/media_provider.dart';
+import 'package:f0ckapp/utils/customsearchdelegate_util.dart';
+import 'package:f0ckapp/widgets/media_tile.dart';
+import 'package:f0ckapp/widgets/filter_bar.dart';
+import 'package:f0ckapp/widgets/end_drawer.dart';
+
+class MediaGrid extends ConsumerStatefulWidget {
+  const MediaGrid({super.key});
+
+  @override
+  ConsumerState<MediaGrid> createState() => _MediaGridState();
+}
+
+class _MediaGridState extends ConsumerState<MediaGrid> {
+  final ScrollController _scrollController = ScrollController();
+
+  @override
+  void initState() {
+    super.initState();
+    Future.microtask(() {
+      ref.read(mediaProvider.notifier).loadMedia();
+    });
+    _scrollController.addListener(() {
+      if (_scrollController.position.pixels >=
+          _scrollController.position.maxScrollExtent - 200) {
+        ref.read(mediaProvider.notifier).loadMedia();
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final MediaState mediaState = ref.watch(mediaProvider);
+    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
+
+    return Scaffold(
+      body: RefreshIndicator(
+        onRefresh: () async {
+          mediaNotifier.setTag(null);
+          _scrollController.jumpTo(0);
+          await mediaNotifier.loadMedia();
+        },
+        child: CustomScrollView(
+          controller: _scrollController,
+          slivers: [
+            SliverAppBar(
+              floating: true,
+              snap: true,
+              title: GestureDetector(
+                onTap: () {
+                  mediaNotifier.setTag(null);
+                  _scrollController.jumpTo(0);
+                },
+                child: Row(
+                  children: [
+                    Image.asset(
+                      'assets/images/f0ck_small.webp',
+                      fit: BoxFit.fitHeight,
+                    ),
+                    const SizedBox(width: 10),
+                    const Text('fApp', style: TextStyle(fontSize: 24)),
+                  ],
+                ),
+              ),
+              actions: [
+                IconButton(
+                  icon: const Icon(Icons.search),
+                  onPressed: () async {
+                    await showSearch(
+                      context: context,
+                      delegate: CustomSearchDelegate(),
+                    );
+                  },
+                ),
+                IconButton(
+                  icon: Icon(
+                    mediaState.random
+                        ? Icons.shuffle_on_outlined
+                        : Icons.shuffle,
+                  ),
+                  onPressed: () {
+                    mediaNotifier.toggleRandom();
+                    _scrollController.jumpTo(0);
+                  },
+                ),
+                Builder(
+                  builder: (context) {
+                    return IconButton(
+                      icon: const Icon(Icons.menu),
+                      onPressed: () {
+                        Scaffold.of(context).openEndDrawer();
+                      },
+                    );
+                  },
+                ),
+              ],
+            ),
+            SliverPadding(
+              padding: const EdgeInsets.all(5.0),
+              sliver: SliverGrid(
+                delegate: SliverChildBuilderDelegate(
+                  (context, index) {
+                    if (index >= mediaState.mediaItems.length) {
+                      return const Center(child: CircularProgressIndicator());
+                    }
+                    return MediaTile(item: mediaState.mediaItems[index]);
+                  },
+                  childCount:
+                      mediaState.mediaItems.length +
+                      (mediaState.isLoading ? 1 : 0),
+                ),
+                gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+                  maxCrossAxisExtent: 150,
+                  crossAxisSpacing: 5,
+                  mainAxisSpacing: 5,
+                  childAspectRatio: 1,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+      bottomNavigationBar: FilterBar(
+        mediaNotifier: mediaNotifier,
+        mediaState: mediaState,
+        scrollController: _scrollController,
+      ),
+      endDrawer: EndDrawer(ref: ref),
+      persistentFooterButtons: mediaState.tag != null
+          ? [
+              Center(
+                child: InputChip(
+                  label: Text(mediaState.tag!),
+                  onDeleted: () {
+                    mediaNotifier.setTag(null);
+                    _scrollController.jumpTo(0);
+                  },
+                ),
+              ),
+            ]
+          : null,
+    );
+  }
+}

lib/screens/settings_screen.dart

@@ -1,165 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:flutter_cache_manager/flutter_cache_manager.dart';
-import 'package:get/get.dart';
-
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/controller/localization_controller.dart';
-import 'package:f0ckapp/utils/animatedtransition.dart';
-
-class SettingsPage extends StatefulWidget {
-  const SettingsPage({super.key});
-
-  @override
-  State<StatefulWidget> createState() => _SettingsPageState();
-}
-
-class _SettingsPageState extends State<SettingsPage> {
-  final MediaController controller = Get.find();
-  final LocalizationController localizationController = Get.find();
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: CustomScrollView(
-        slivers: [
-          SliverAppBar(
-            floating: false,
-            pinned: true,
-            title: Text('settings_title'.tr),
-          ),
-          SliverList(
-            delegate: SliverChildListDelegate([
-              ListTile(
-                title: Text('settings_numberofcolumns_title'.tr),
-                trailing: Obx(
-                  () => DropdownButton<int>(
-                    value: controller.crossAxisCount.value,
-                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
-                    iconEnabledColor: Colors.white,
-                    items: [0, 3, 4, 5].map((int value) {
-                      return DropdownMenuItem<int>(
-                        value: value,
-                        child: Text(
-                          value == 0
-                              ? 'auto'
-                              : 'settings_numberofcolumns_columns'.trParams({
-                                  'count': value.toString(),
-                                }),
-                        ),
-                      );
-                    }).toList(),
-                    onChanged: (int? newValue) async {
-                      if (newValue != null) {
-                        await controller.setCrossAxisCount(newValue);
-                        setState(() {});
-                      }
-                    },
-                  ),
-                ),
-              ),
-              const Divider(),
-              ListTile(
-                title: Text('settings_pageanimation_title'.tr),
-                trailing: Obx(
-                  () => DropdownButton<PageTransition>(
-                    value: controller.transitionType.value,
-                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
-                    iconEnabledColor: Colors.white,
-                    items: PageTransition.values.map((PageTransition type) {
-                      String label;
-                      switch (type) {
-                        case PageTransition.opacity:
-                          label = 'Opacity';
-                          break;
-                        case PageTransition.scale:
-                          label = 'Scale';
-                          break;
-                        case PageTransition.slide:
-                          label = 'Slide';
-                          break;
-                        case PageTransition.rotate:
-                          label = 'Rotate';
-                          break;
-                        case PageTransition.flip:
-                          label = 'Flip';
-                          break;
-                      }
-                      return DropdownMenuItem<PageTransition>(
-                        value: type,
-                        child: Text(label),
-                      );
-                    }).toList(),
-                    onChanged: (PageTransition? newValue) async {
-                      if (newValue != null) {
-                        await controller.setTransitionType(newValue);
-                        setState(() {});
-                      }
-                    },
-                  ),
-                ),
-              ),
-
-              const Divider(),
-              SwitchListTile(
-                title: Text('settings_drawer_title'.tr),
-                subtitle: Text('settings_drawer_subtitle'.tr),
-                value: controller.drawerSwipeEnabled.value,
-                onChanged: (bool value) async {
-                  await controller.setDrawerSwipeEnabled(value);
-                  setState(() {});
-                },
-              ),
-              const Divider(),
-              ListTile(
-                title: Text('settings_language'.tr),
-                trailing: Obx(
-                  () => DropdownButton<Locale>(
-                    value: localizationController.currentLocale.value,
-                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
-                    iconEnabledColor: Colors.white,
-                    items: const [
-                      DropdownMenuItem<Locale>(
-                        value: Locale('en', 'US'),
-                        child: Text('English'),
-                      ),
-                      DropdownMenuItem<Locale>(
-                        value: Locale('de', 'DE'),
-                        child: Text('Deutsch'),
-                      ),
-                      DropdownMenuItem<Locale>(
-                        value: Locale('fr', 'FR'),
-                        child: Text('Français'),
-                      ),
-                      DropdownMenuItem<Locale>(
-                        value: Locale('nl', 'NL'),
-                        child: Text('Nederlands'),
-                      ),
-                    ],
-                    onChanged: (Locale? newLocale) async {
-                      if (newLocale != null) {
-                        await localizationController.changeLocale(newLocale);
-                      }
-                    },
-                  ),
-                ),
-              ),
-              const Divider(),
-              ListTile(
-                title: Text('settings_cache_title'.tr),
-                trailing: ElevatedButton(
-                  onPressed: () async {
-                    await DefaultCacheManager().emptyCache();
-                    if (!mounted) return;
-                    Get.snackbar('', 'der Cache wurde geleert.');
-                  },
-                  child: Text('settings_cache_clear_button'.tr),
-                ),
-              ),
-            ]),
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/service/media_service.dart

@@ -1,39 +0,0 @@
-import 'package:get/get.dart';
-
-import 'package:f0ckapp/models/media_item.dart';
-
-const List<String> mediaTypes = ["alles", "image", "video", "audio"];
-const List<String> mediaModes = ["sfw", "nsfw", "untagged", "all"];
-
-class MediaService extends GetConnect {
-  Future<List<MediaItem>> fetchMediaItems({
-    required int type,
-    required int mode,
-    required int random,
-    String? tag,
-    int? older,
-  }) async {
-    final queryParameters = {
-      'type': type.toString(),
-      'mode': mode.toString(),
-      'random': random.toString(),
-      if (tag != null) 'tag': tag,
-      if (older != null) 'older': older.toString(),
-    };
-
-    try {
-      final response = await get(
-        'https://api.f0ck.me/items/get',
-        query: queryParameters,
-      );
-      if (response.status.code == 200 && response.body is List) {
-        final data = response.body as List<dynamic>;
-        return data.map((json) => MediaItem.fromJson(json)).toList();
-      } else {
-        return Future.error('Fehler beim Laden der Daten: ${response.body}');
-      }
-    } catch (e) {
-      return Future.error('Netzwerkfehler: ${e.toString()}');
-    }
-  }
-}

lib/services/api_service.dart

@@ -0,0 +1,111 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:http/http.dart' as http;
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+
+import 'package:f0ckapp/models/mediaitem_model.dart';
+import 'package:f0ckapp/models/suggestion_model.dart';
+
+final FlutterSecureStorage storage = const FlutterSecureStorage(
+  aOptions: AndroidOptions(encryptedSharedPreferences: true),
+);
+
+Future<List<MediaItem>> fetchMedia({
+  int? older,
+  String type = 'image',
+  int mode = 0,
+  bool random = false,
+  String? tag,
+}) async {
+  final Uri url = Uri.parse('https://api.f0ck.me/items/get').replace(
+    queryParameters: {
+      'type': type,
+      'mode': mode.toString(),
+      'random': (random ? 1 : 0).toString(),
+      if (tag != null) 'tag': tag,
+      if (older != null) 'older': older.toString(),
+    },
+  );
+
+  final http.Response response = await http.get(url);
+  if (response.statusCode == 200) {
+    final List<dynamic> jsonList = jsonDecode(response.body);
+    return jsonList.map((item) => MediaItem.fromJson(item)).toList();
+  } else {
+    throw Exception('Fehler beim Abrufen der Medien: ${response.statusCode}');
+  }
+}
+
+Future<MediaItem> fetchMediaDetail(int itemId) async {
+  final Uri url = Uri.parse('https://api.f0ck.me/item/${itemId.toString()}');
+
+  final http.Response response = await http.get(url);
+  if (response.statusCode == 200) {
+    final Map<String, dynamic> jsonResponse = jsonDecode(response.body);
+
+    return MediaItem.fromJson(jsonResponse);
+  } else {
+    throw Exception(
+      'Fehler beim Abrufen der Media-Details: ${response.statusCode}',
+    );
+  }
+}
+
+Future<List<Suggestion>> fetchSuggestions(String query) async {
+  final Uri uri = Uri.parse('https://api.f0ck.me/search/?q=$query');
+  try {
+    final http.Response response = await http
+        .get(uri)
+        .timeout(const Duration(seconds: 5));
+
+    if (response.statusCode == 200) {
+      final dynamic decoded = jsonDecode(response.body);
+      if (decoded is List) {
+        final suggestions = decoded
+            .map((item) => Suggestion.fromJson(item as Map<String, dynamic>))
+            .toList();
+        suggestions.sort((a, b) => b.score.compareTo(a.score));
+        return suggestions;
+      } else {
+        throw Exception('Unerwartetes Format: Es wurde eine Liste erwartet.');
+      }
+    } else if (response.statusCode == 400) {
+      final dynamic error = jsonDecode(response.body);
+      final String message = error is Map<String, dynamic>
+          ? error['detail']?.toString() ?? 'Unbekannter Fehler.'
+          : 'Unbekannter Fehler.';
+      throw Exception('Client-Fehler 400: $message');
+    } else {
+      throw Exception(
+        'Fehler beim Abrufen der Vorschläge: ${response.statusCode}',
+      );
+    }
+  } on TimeoutException {
+    throw Exception('Anfrage an die API hat zu lange gedauert.');
+  } catch (e) {
+    throw Exception('Fehler bei der Verarbeitung der Anfrage: $e');
+  }
+}
+
+Future<bool> login(String username, String password) async {
+  final Uri url = Uri.parse('https://api.f0ck.me/login');
+
+  final http.Response response = await http.post(
+    url,
+    body: {'username': username, 'password': password},
+  );
+
+  if (response.statusCode == 200) {
+    final dynamic data = jsonDecode(response.body);
+    final token = data['token'];
+    if (token != null) {
+      await storage.write(key: "token", value: token);
+      return true;
+    } else {
+      throw Exception('Token nicht im Response enthalten.');
+    }
+  } else {
+    throw Exception('Login fehlgeschlagen: ${response.statusCode}');
+  }
+}

lib/utils/animatedtransition.dart

@@ -1,50 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:f0ckapp/controller/media_controller.dart';
-
-enum PageTransition { opacity, scale, slide, rotate, flip }
-
-Widget buildAnimatedTransition({
-    required BuildContext context,
-    required Widget child,
-    required PageController pageController,
-    required int index,
-    required MediaController controller,
-  }) {
-    final double value = pageController.position.haveDimensions
-        ? pageController.page! - index
-        : 0;
-
-    switch (controller.transitionType.value) {
-      case PageTransition.opacity:
-        return Opacity(
-          opacity: Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)),
-          child: Transform(transform: Matrix4.identity(), child: child),
-        );
-      case PageTransition.scale:
-        return Transform.scale(
-          scale:
-              0.8 +
-              Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)) * 0.2,
-          child: child,
-        );
-      case PageTransition.slide:
-        return Transform.translate(
-          offset: Offset(300 * value.abs(), 0),
-          child: child,
-        );
-      case PageTransition.rotate:
-        return Opacity(
-          opacity: (1 - value.abs()).clamp(0.0, 1.0),
-          child: Transform.rotate(angle: value.abs() * 0.5, child: child),
-        );
-      case PageTransition.flip:
-        return Transform(
-          transform: Matrix4.identity()
-            ..setEntry(3, 2, 0.001)
-            ..rotateY(value.abs()),
-          alignment: Alignment.center,
-          child: child,
-        );
-    }
-  }

lib/utils/appversion.dart

@@ -1,12 +0,0 @@
-import 'package:flutter/services.dart';
-
-class AppVersion {
-  static late String version;
-
-  static Future<void> init() async {
-    final String yaml = await rootBundle.loadString('pubspec.yaml');
-    final RegExpMatch? match = RegExp(r'^version:\s*(.*)$', multiLine: true).firstMatch(yaml);
-    final String? v = match?.group(1)!.replaceAll('"', '').replaceAll("'", '').trim();
-    version = v ?? "";
-  }
-}

lib/utils/appversion_util.dart

@@ -0,0 +1,10 @@
+import 'package:package_info_plus/package_info_plus.dart';
+
+class AppVersion {
+  static String version = "";
+
+  static Future<void> init() async {
+    PackageInfo packageInfo = await PackageInfo.fromPlatform();
+    version = '${packageInfo.version}+${packageInfo.buildNumber}';
+  }
+}

lib/utils/customsearchdelegate_util.dart

@@ -1,16 +1,11 @@
 import 'dart:async';
-import 'dart:convert';
-
-import 'package:f0ckapp/controller/media_controller.dart';
 import 'package:flutter/material.dart';
-
-import 'package:get/get.dart';
-import 'package:http/http.dart' as http;
-
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:f0ckapp/services/api_service.dart';
 import 'package:f0ckapp/models/suggestion_model.dart';
+import 'package:f0ckapp/providers/media_provider.dart';
 
 class CustomSearchDelegate extends SearchDelegate<String> {
-  final MediaController controller = Get.find<MediaController>();
   Timer? _debounceTimer;
   List<Suggestion>? _suggestions;
   bool _isLoading = false;
@@ -47,52 +42,13 @@ class CustomSearchDelegate extends SearchDelegate<String> {
     return Center(child: Text('Suchergebnisse für: "$query"'));
   }
 
-  Future<List<Suggestion>> fetchSuggestions(String query) async {
-    final Uri uri = Uri.parse('https://api.f0ck.me/search/?q=$query');
-    try {
-      final http.Response response = await http
-          .get(uri)
-          .timeout(const Duration(seconds: 5));
-
-      if (response.statusCode == 200) {
-        final dynamic decoded = jsonDecode(response.body);
-        if (decoded is List) {
-          final suggestions = decoded
-              .map((item) => Suggestion.fromJson(item as Map<String, dynamic>))
-              .toList();
-          suggestions.sort((a, b) => b.score.compareTo(a.score));
-          return suggestions;
-        } else {
-          throw Exception('Unerwartetes Format: Es wurde eine Liste erwartet.');
-        }
-      } else if (response.statusCode == 400) {
-        final dynamic error = jsonDecode(response.body);
-        final String message = error is Map<String, dynamic>
-            ? error['detail']?.toString() ?? 'Unbekannter Fehler.'
-            : 'Unbekannter Fehler.';
-        throw Exception('Client-Fehler 400: $message');
-      } else {
-        throw Exception(
-          'Fehler beim Abrufen der Vorschläge: ${response.statusCode}',
-        );
-      }
-    } on TimeoutException {
-      throw Exception('Anfrage an die API hat zu lange gedauert.');
-    } catch (e) {
-      throw Exception('Fehler bei der Verarbeitung der Anfrage: $e');
-    }
-  }
-
   @override
   Widget buildSuggestions(BuildContext context) {
     return StatefulBuilder(
       builder: (BuildContext context, void Function(void Function()) setState) {
         if (query.isEmpty) {
           _debounceTimer?.cancel();
-          return Container(
-            padding: const EdgeInsets.all(16.0),
-            child: const Text(''),
-          );
+          return Container(padding: const EdgeInsets.all(16.0), child: const Text(''));
         }
 
         if (query != _lastFetchedQuery) {
@@ -134,6 +90,8 @@ class CustomSearchDelegate extends SearchDelegate<String> {
           return Center(child: const Text("Keine Ergebnisse gefunden."));
         }
 
+        return Consumer(
+          builder: (BuildContext context, WidgetRef ref, Widget? child) {
             return ListView.builder(
               itemCount: _suggestions!.length,
               itemBuilder: (BuildContext context, int index) {
@@ -144,8 +102,8 @@ class CustomSearchDelegate extends SearchDelegate<String> {
                     'Getaggt: ${suggestion.tagged}x • Score: ${suggestion.score.toStringAsFixed(2)}',
                     style: TextStyle(fontSize: 12),
                   ),
-              onTap: () async {
-                await controller.setTag(suggestion.tag);
+                  onTap: () {
+                    ref.read(mediaProvider.notifier).setTag(suggestion.tag);
                     close(context, suggestion.tag);
                   },
                 );
@@ -153,6 +111,8 @@ class CustomSearchDelegate extends SearchDelegate<String> {
             );
           },
         );
+      },
+    );
   }
 
   Widget _buildLoadingIndicator() {

lib/utils/pagetransformer_util.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+
+class PageTransformer extends StatelessWidget {
+  final List<Widget> pages;
+  final PageController controller;
+
+  const PageTransformer({
+    super.key,
+    required this.pages,
+    required this.controller,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return PageView.builder(
+      controller: controller,
+      itemCount: pages.length,
+      itemBuilder: (context, index) {
+        return _buildPage(pages[index], index);
+      },
+    );
+  }
+
+  Widget _buildPage(Widget page, int index) {
+    return AnimatedBuilder(
+      animation: controller,
+      builder: (context, child) {
+        double value = 1.0;
+        if (controller.position.haveDimensions) {
+          value = controller.page! - index;
+          value = (1 - (value.abs() * 0.5)).clamp(0.0, 1.0);
+        }
+        return Transform(
+          transform: Matrix4.identity()..scale(value, value),
+          alignment: Alignment.center,
+          child: child,
+        );
+      },
+      child: page,
+    );
+  }
+}

lib/widgets/end_drawer.dart

@@ -1,24 +1,17 @@
 import 'package:flutter/material.dart';
 
-import 'package:get/get.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 
-import 'package:f0ckapp/screens/settings_screen.dart';
-import 'package:f0ckapp/controller/theme_controller.dart';
-import 'package:f0ckapp/utils/appversion.dart';
+import 'package:f0ckapp/providers/theme_provider.dart';
+import 'package:f0ckapp/utils/appversion_util.dart';
 
 class EndDrawer extends StatelessWidget {
-  const EndDrawer({super.key});
+  final WidgetRef ref;
 
-  void _showMsg(String message, BuildContext context) {
-    ScaffoldMessenger.of(context)
-      ..removeCurrentSnackBar()
-      ..showSnackBar(SnackBar(content: Text(message)));
-  }
+  const EndDrawer({super.key, required this.ref});
 
   @override
   Widget build(BuildContext context) {
-    final ThemeController themeController = Get.find();
-
     return Drawer(
       child: ListView(
         padding: EdgeInsets.zero,
@@ -89,39 +82,37 @@ class EndDrawer extends StatelessWidget {
             children: [
               Padding(
                 padding: const EdgeInsets.symmetric(horizontal: 16.0),
-                child: Obx(() {
-                  return Column(
-                    children: themeController.themeMap.entries.map((entry) {
+                child: Column(
+                  children: themeMap.entries.map((entry) {
                     final String themeName = entry.key;
                     final ThemeData themeData = entry.value;
-                      final bool isSelected =
-                          themeController.currentTheme.value == themeData;
+                    final ThemeData currentTheme = ref.watch(
+                      themeNotifierProvider,
+                    );
+                    final bool isSelected = currentTheme == themeData;
                     return ListTile(
                       title: Text(themeName),
                       selected: isSelected,
                       selectedTileColor: Colors.blue.withValues(alpha: 0.2),
                       onTap: () async {
-                          await themeController.updateTheme(themeName);
+                        await ref
+                            .read(themeNotifierProvider.notifier)
+                            .updateTheme(themeName);
                       },
                     );
                   }).toList(),
-                  );
-                }),
+                ),
               ),
             ],
           ),
-          ListTile(
-            title: const Text('Settings'),
-            onTap: () {
-              Navigator.pop(context);
-              Get.bottomSheet(SettingsPage());
-            },
-          ),
           ListTile(
             title: Text('v${AppVersion.version}'),
             onTap: () {
-              Navigator.pop(context);
-              _showMsg('jooong lass das, hier ist nichts', context);
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(
+                  content: Text('jooong lass das, hier ist nichts'),
+                ),
+              );
             },
           ),
         ],

lib/widgets/filter_bar.dart

@@ -1,30 +1,29 @@
 import 'package:flutter/material.dart';
 
-import 'package:get/get.dart';
-
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/service/media_service.dart';
+import 'package:f0ckapp/providers/media_provider.dart';
 
 class FilterBar extends StatelessWidget {
+  final MediaState mediaState;
+  final MediaNotifier mediaNotifier;
   final ScrollController scrollController;
   
   const FilterBar({
     super.key,
+    required this.mediaState,
+    required this.mediaNotifier,
     required this.scrollController,
   });
 
   @override
   Widget build(BuildContext context) {
-    final MediaController c = Get.find<MediaController>();
-
     return BottomAppBar(
       height: 50,
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceAround,
         children: [
           const Text('type: '),
-          Obx(() => DropdownButton<String>(
-            value: mediaTypes[c.type.value],
+          DropdownButton<String>(
+            value: mediaTypes[mediaState.typeIndex],
             isDense: true,
             items: mediaTypes.map((String value) {
               return DropdownMenuItem<String>(
@@ -34,14 +33,14 @@ class FilterBar extends StatelessWidget {
             }).toList(),
             onChanged: (String? newValue) {
               if (newValue != null) {
-                c.setType(mediaTypes.indexOf(newValue));
+                mediaNotifier.setType(newValue);
                 scrollController.jumpTo(0);
               }
             },
-          )),
+          ),
           const Text('mode: '),
-          Obx(() => DropdownButton<String>(
-            value: mediaModes[c.mode.value],
+          DropdownButton<String>(
+            value: mediaModes[mediaState.modeIndex],
             isDense: true,
             items: mediaModes.map((String value) {
               return DropdownMenuItem<String>(
@@ -51,11 +50,11 @@ class FilterBar extends StatelessWidget {
             }).toList(),
             onChanged: (String? newValue) {
               if (newValue != null) {
-                c.setMode(mediaModes.indexOf(newValue));
+                mediaNotifier.setMode(mediaModes.indexOf(newValue));
                 scrollController.jumpTo(0);
               }
             },
-          )),
+          ),
         ],
       ),
     );

lib/widgets/media_tile.dart

@@ -1,9 +1,9 @@
 import 'package:flutter/material.dart';
 
 import 'package:cached_network_image/cached_network_image.dart';
-import 'package:get/get.dart';
+import 'package:go_router/go_router.dart';
 
-import 'package:f0ckapp/models/media_item.dart';
+import 'package:f0ckapp/models/mediaitem_model.dart';
 
 class MediaTile extends StatelessWidget {
   final MediaItem item;
@@ -14,7 +14,7 @@ class MediaTile extends StatelessWidget {
   Widget build(BuildContext context) {
     return InkWell(
       onTap: () {
-        Get.toNamed('/${item.id}');
+        context.push('/${item.id}', extra: true);
       },
       child: Stack(
         fit: StackFit.expand,

lib/widgets/video_widget.dart

@@ -1,16 +1,16 @@
 import 'dart:async';
 
-import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/models/media_item.dart';
 import 'package:flutter/material.dart';
 
 import 'package:cached_video_player_plus/cached_video_player_plus.dart';
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 
+import 'package:f0ckapp/models/mediaitem_model.dart';
 import 'package:f0ckapp/widgets/videooverlay_widget.dart';
-import 'package:get/get.dart';
+import 'package:f0ckapp/providers/media_provider.dart';
 
-class VideoWidget extends StatefulWidget {
+class VideoWidget extends ConsumerStatefulWidget {
   final MediaItem details;
   final bool isActive;
   final bool fullScreen;
@@ -23,11 +23,10 @@ class VideoWidget extends StatefulWidget {
   });
 
   @override
-  State<VideoWidget> createState() => _VideoWidgetState();
+  ConsumerState<VideoWidget> createState() => _VideoWidgetState();
 }
 
-class _VideoWidgetState extends State<VideoWidget> {
-  final MediaController controller = Get.find<MediaController>();
+class _VideoWidgetState extends ConsumerState<VideoWidget> {
   late CachedVideoPlayerPlusController _controller;
   bool _showControls = false;
   Timer? _hideControlsTimer;
@@ -52,7 +51,8 @@ class _VideoWidgetState extends State<VideoWidget> {
     }
     _controller.setLooping(true);
 
-    _controller.setVolume(controller.muted.value ? 0.0 : 1.0);
+    final bool muted = ref.read(mediaProvider).muted;
+    _controller.setVolume(muted ? 0.0 : 1.0);
   }
 
   @override
@@ -88,7 +88,7 @@ class _VideoWidgetState extends State<VideoWidget> {
 
   @override
   Widget build(BuildContext context) {
-    final bool muted = controller.muted.value;
+    final bool muted = ref.watch(mediaProvider).muted;
     if (_controller.value.isInitialized &&
         _controller.value.volume != (muted ? 0.0 : 1.0)) {
       _controller.setVolume(muted ? 0.0 : 1.0);

lib/widgets/videooverlay_widget.dart

@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
 
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:cached_video_player_plus/cached_video_player_plus.dart';
-import 'package:get/get.dart';
 
-import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/providers/media_provider.dart';
 
-class VideoControlsOverlay extends StatelessWidget {
+class VideoControlsOverlay extends ConsumerWidget {
   final CachedVideoPlayerPlusController controller;
   final VoidCallback button;
 
@@ -16,8 +16,9 @@ class VideoControlsOverlay extends StatelessWidget {
   });
 
   @override
-  Widget build(BuildContext context) {
-    final MediaController c = Get.find<MediaController>();
+  Widget build(BuildContext context, ref) {
+    final MediaState mediaState = ref.watch(mediaProvider);
+    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
 
     return Stack(
       alignment: Alignment.center,
@@ -25,17 +26,15 @@ class VideoControlsOverlay extends StatelessWidget {
         Positioned(
           right: 12,
           bottom: 12,
-          child: Obx(
-            () => _ControlButton(
-              c.muted.value ? Icons.volume_off : Icons.volume_up,
-              () async {
+          child: _ControlButton(
+            mediaState.muted ? Icons.volume_off : Icons.volume_up,
+            () {
               button();
-                await c.toggleMuted();
+              mediaNotifier.toggleMute();
             },
             size: 16,
           ),
         ),
-        ),
         Center(
           child: Row(
             mainAxisAlignment: MainAxisAlignment.center,

pubspec.lock

@@ -1,22 +1,6 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
-  args:
-    dependency: transitive
-    description:
-      name: args
-      sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.7.0"
-  asn1lib:
-    dependency: transitive
-    description:
-      name: asn1lib
-      sha256: "0511d6be23b007e95105ae023db599aea731df604608978dada7f9faf2637623"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.6.4"
   async:
     dependency: transitive
     description:
@@ -89,14 +73,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.19.1"
-  convert:
-    dependency: transitive
-    description:
-      name: convert
-      sha256: b30acd5944035672bc15c6b7a8b47d773e41e2f17de064350988c5d02adb1c68
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.1.2"
   cross_file:
     dependency: transitive
     description:
@@ -121,46 +97,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.2"
-  devtools_shared:
-    dependency: transitive
-    description:
-      name: devtools_shared
-      sha256: "659e2d65aa5ef5c3551163811c5c6fa1b973b3df80d8cac6f618035edcdc1096"
-      url: "https://pub.dev"
-    source: hosted
-    version: "11.2.1"
-  dtd:
-    dependency: transitive
-    description:
-      name: dtd
-      sha256: "14a0360d898ded87c3d99591fc386b8a6ea5d432927bee709b22130cd25b993a"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.5.1"
-  encrypt:
-    dependency: transitive
-    description:
-      name: encrypt
-      sha256: "62d9aa4670cc2a8798bab89b39fc71b6dfbacf615de6cf5001fb39f7e4a996a2"
-      url: "https://pub.dev"
-    source: hosted
-    version: "5.0.3"
-  encrypt_shared_preferences:
+  cupertino_icons:
     dependency: "direct main"
     description:
-      name: encrypt_shared_preferences
-      sha256: ab8a957db7ae645c8b0341e8aee85c1cd046a5cb9a0529459ea417ebd6040ba2
+      name: cupertino_icons
+      sha256: ba631d1c7f7bef6b729a622b7b752645a2d076dba9976925b8f25725a30e1ee6
       url: "https://pub.dev"
     source: hosted
-    version: "0.9.9"
-  extension_discovery:
-    dependency: transitive
-    description:
-      name: extension_discovery
-      sha256: de1fce715ab013cdfb00befc3bdf0914bea5e409c3a567b7f8f144bc061611a7
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.1.0"
+    version: "1.0.8"
   fake_async:
     dependency: transitive
     description:
@@ -214,6 +158,62 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.0"
+  flutter_riverpod:
+    dependency: "direct main"
+    description:
+      name: flutter_riverpod
+      sha256: "9532ee6db4a943a1ed8383072a2e3eeda041db5657cdf6d2acecf3c21ecbe7e1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.1"
+  flutter_secure_storage:
+    dependency: "direct main"
+    description:
+      name: flutter_secure_storage
+      sha256: "9cad52d75ebc511adfae3d447d5d13da15a55a92c9410e50f67335b6d21d16ea"
+      url: "https://pub.dev"
+    source: hosted
+    version: "9.2.4"
+  flutter_secure_storage_linux:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_linux
+      sha256: be76c1d24a97d0b98f8b54bce6b481a380a6590df992d0098f868ad54dc8f688
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.3"
+  flutter_secure_storage_macos:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_macos
+      sha256: "6c0a2795a2d1de26ae202a0d78527d163f4acbb11cde4c75c670f3a0fc064247"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.3"
+  flutter_secure_storage_platform_interface:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_platform_interface
+      sha256: cf91ad32ce5adef6fba4d736a542baca9daf3beac4db2d04be350b87f69ac4a8
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  flutter_secure_storage_web:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_web
+      sha256: f4ebff989b4f07b2656fb16b47852c0aab9fed9b4ec1c70103368337bc1886a9
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
+  flutter_secure_storage_windows:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_windows
+      sha256: b20b07cb5ed4ed74fc567b78a72936203f587eba460af1df11281c9326cd3709
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -225,7 +225,7 @@ packages:
     source: sdk
     version: "0.0.0"
   get:
-    dependency: "direct main"
+    dependency: transitive
     description:
       name: get
       sha256: c79eeb4339f1f3deffd9ec912f8a923834bec55f7b49c9e882b8fef2c139d425
@@ -240,6 +240,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.1"
+  go_router:
+    dependency: "direct main"
+    description:
+      name: go_router
+      sha256: b453934c36e289cef06525734d1e676c1f91da9e22e2017d9dcab6ce0f999175
+      url: "https://pub.dev"
+    source: hosted
+    version: "15.1.3"
   html:
     dependency: transitive
     description:
@@ -272,14 +280,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.7"
-  json_rpc_2:
-    dependency: transitive
-    description:
-      name: json_rpc_2
-      sha256: "246b321532f0e8e2ba474b4d757eaa558ae4fdd0688fdbc1e1ca9705f9b8ca0e"
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.0.3"
   leak_tracker:
     dependency: transitive
     description:
@@ -360,6 +360,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.0"
+  package_info_plus:
+    dependency: "direct main"
+    description:
+      name: package_info_plus
+      sha256: "7976bfe4c583170d6cdc7077e3237560b364149fcd268b5f53d95a991963b191"
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.3.0"
+  package_info_plus_platform_interface:
+    dependency: transitive
+    description:
+      name: package_info_plus_platform_interface
+      sha256: "6c935fb612dff8e3cc9632c2b301720c77450a126114126ffaafe28d2e87956c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.0"
   path:
     dependency: transitive
     description:
@@ -432,22 +448,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.8"
-  pointycastle:
+  riverpod:
     dependency: transitive
     description:
-      name: pointycastle
-      sha256: "4be0097fcf3fd3e8449e53730c631200ebc7b88016acecab2b0da2f0149222fe"
+      name: riverpod
+      sha256: "59062512288d3056b2321804332a13ffdd1bf16df70dcc8e506e411280a72959"
       url: "https://pub.dev"
     source: hosted
-    version: "3.9.1"
-  pool:
-    dependency: transitive
-    description:
-      name: pool
-      sha256: "20fe868b6314b322ea036ba325e6fc0711a22948856475e2c2b6306e8ab39c2a"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.5.1"
+    version: "2.6.1"
   rxdart:
     dependency: transitive
     description:
@@ -472,70 +480,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.0"
-  shared_preferences:
-    dependency: transitive
-    description:
-      name: shared_preferences
-      sha256: "6e8bf70b7fef813df4e9a36f658ac46d107db4b4cfe1048b477d4e453a8159f5"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.5.3"
-  shared_preferences_android:
-    dependency: transitive
-    description:
-      name: shared_preferences_android
-      sha256: "20cbd561f743a342c76c151d6ddb93a9ce6005751e7aa458baad3858bfbfb6ac"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.10"
-  shared_preferences_foundation:
-    dependency: transitive
-    description:
-      name: shared_preferences_foundation
-      sha256: "6a52cfcdaeac77cad8c97b539ff688ccfc458c007b4db12be584fbe5c0e49e03"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.5.4"
-  shared_preferences_linux:
-    dependency: transitive
-    description:
-      name: shared_preferences_linux
-      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.1"
-  shared_preferences_platform_interface:
-    dependency: transitive
-    description:
-      name: shared_preferences_platform_interface
-      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.1"
-  shared_preferences_web:
-    dependency: transitive
-    description:
-      name: shared_preferences_web
-      sha256: c49bd060261c9a3f0ff445892695d6212ff603ef3115edbb448509d407600019
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.3"
-  shared_preferences_windows:
-    dependency: transitive
-    description:
-      name: shared_preferences_windows
-      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.1"
-  shelf:
-    dependency: transitive
-    description:
-      name: shelf
-      sha256: e7dd780a7ffb623c57850b33f43309312fc863fb6aa3d276a754bb299839ef12
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.4.2"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -597,14 +541,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.4.0"
-  sse:
-    dependency: transitive
-    description:
-      name: sse
-      sha256: fcc97470240bb37377f298e2bd816f09fd7216c07928641c0560719f50603643
-      url: "https://pub.dev"
-    source: hosted
-    version: "4.1.8"
   stack_trace:
     dependency: transitive
     description:
@@ -613,6 +549,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.12.1"
+  state_notifier:
+    dependency: transitive
+    description:
+      name: state_notifier
+      sha256: b8677376aa54f2d7c58280d5a007f9e8774f1968d1fb1c096adcb4792fba29bb
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
   stream_channel:
     dependency: transitive
     description:
@@ -661,14 +605,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.4.0"
-  unified_analytics:
-    dependency: transitive
-    description:
-      name: unified_analytics
-      sha256: c8abdcad84b55b78f860358aae90077b8f54f98169a75e16d97796a1b3c95590
-      url: "https://pub.dev"
-    source: hosted
-    version: "8.0.1"
   url_launcher_linux:
     dependency: transitive
     description:
@@ -765,30 +701,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.1"
-  web_socket:
-    dependency: transitive
-    description:
-      name: web_socket
-      sha256: "34d64019aa8e36bf9842ac014bb5d2f5586ca73df5e4d9bf5c936975cae6982c"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.1"
-  web_socket_channel:
-    dependency: transitive
-    description:
-      name: web_socket_channel
-      sha256: d645757fb0f4773d602444000a8131ff5d48c9e47adfe9772652dd1a4f2d45c8
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.0.3"
-  webkit_inspection_protocol:
-    dependency: transitive
-    description:
-      name: webkit_inspection_protocol
-      sha256: "87d3f2333bb240704cd3f1c6b5b7acd8a10e7f0bc28c28dcf14e782014f4a572"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.2.1"
   win32:
     dependency: transitive
     description:
@@ -805,22 +717,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.0"
-  yaml:
-    dependency: transitive
-    description:
-      name: yaml
-      sha256: b9da305ac7c39faa3f030eccd175340f968459dae4af175130b3fc47e40d76ce
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.1.3"
-  yaml_edit:
-    dependency: transitive
-    description:
-      name: yaml_edit
-      sha256: fb38626579fb345ad00e674e2af3a5c9b0cc4b9bfb8fd7f7ff322c7c9e62aef5
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.2.2"
 sdks:
   dart: ">=3.9.0-100.2.beta <4.0.0"
   flutter: ">=3.29.0"

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.3.2+58
+version: 1.1.21+51
 
 environment:
   sdk: ^3.9.0-100.2.beta
@@ -32,11 +32,16 @@ dependencies:
     sdk: flutter
   http: ^1.4.0
 
+  # The following adds the Cupertino Icons font to your application.
+  # Use with the CupertinoIcons class for iOS style icons.
+  cupertino_icons: ^1.0.8
   cached_network_image: ^3.4.1
   cached_video_player_plus: ^3.0.3
+  package_info_plus: ^8.3.0
   share_plus: ^11.0.0
-  encrypt_shared_preferences: ^0.9.9
-  get: ^4.7.2
+  flutter_secure_storage: ^9.2.4
+  flutter_riverpod: ^2.6.1
+  go_router: ^15.1.3
 
 dev_dependencies:
   flutter_test:
@@ -63,8 +68,6 @@ flutter:
   # To add assets to your application, add an assets section, like this:
   assets:
     - assets/images/
-    - assets/i18n/
-    - pubspec.yaml
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
 

test/widget_test.dart

@@ -8,12 +8,12 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
-//import 'package:f0ckapp/main.dart';
+import 'package:f0ckapp/main.dart';
 
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {
     // Build our app and trigger a frame.
-    //await tester.pumpWidget(F0ckApp());
+    await tester.pumpWidget(F0ckApp());
 
     // Verify that our counter starts at 0.
     expect(find.text('0'), findsOneWidget);