diff --git a/lib/ApplicationAuto.dart b/lib/ApplicationAuto.dart
deleted file mode 100644
index 638e10f..0000000
--- a/lib/ApplicationAuto.dart
+++ /dev/null
@@ -1,117 +0,0 @@
-import 'dart:async';
-
-enum CarType { sedan, suv, truck, coupe, hatchback }
-
-class Car {
-  final String brand;
-  final CarType type;
-  final double price;
-
-  Car(this.brand, this.type, this.price);
-
-  void displayInfo() {
-    print('Car: $brand, Type: ${carTypeToString(type)}, Price: \$${price.toStringAsFixed(2)}');
-  }
-
-  static String carTypeToString(CarType type) {
-    switch (type) {
-      case CarType.sedan:
-        return 'Sedan';
-      case CarType.suv:
-        return 'SUV';
-      case CarType.truck:
-        return 'Truck';
-      case CarType.coupe:
-        return 'Coupe';
-      case CarType.hatchback:
-        return 'Hatchback';
-      default:
-        return 'Unknown';
-    }
-  }
-}
-
-extension CarExtension on Car {
-  String get detailedInfo => 'Detailed Info: Brand: $brand, Type: ${Car.carTypeToString(type)}, Price: \$${price.toStringAsFixed(2)}';
-}
-
-class AutoCenter<T extends Car> {
-  final List<T> cars = [];
-
-  void addCar(T car) {
-    cars.add(car);
-  }
-
-  List<T> findCarsByType(CarType type) {
-    return cars.where((car) => car.type == type).toList();
-  }
-
-  void showAllCars() {
-    for (var car in cars) {
-      car.displayInfo();
-    }
-  }
-}
-
-class PriceFilter {
-  static List<T> filterByPrice<T extends Car>(List<T> cars, double minPrice, double maxPrice) {
-    return cars.where((car) => car.price >= minPrice && car.price <= maxPrice).toList();
-  }
-}
-
-class ApplicationAuto {
-  final AutoCenter<Car> autoCenter = AutoCenter<Car>();
-
-
-  Future<List<Car>> fetchCarsFromDatabase() async {
-    return Future.delayed(Duration(seconds: 2), () {
-      return [
-        Car('Toyota', CarType.sedan, 25000),
-        Car('Ford', CarType.suv, 35000),
-        Car('Chevrolet', CarType.truck, 40000),
-        Car('BMW', CarType.coupe, 55000),
-        Car('Volkswagen', CarType.hatchback, 20000),
-      ];
-    });
-  }
-
-  Future<void> loadCars() async {
-    List<Car> carsFromDB = await fetchCarsFromDatabase();
-    carsFromDB.forEach((car) => autoCenter.addCar(car));
-  }
-
-  void displayAllCars() {
-    print('All cars in the auto center:');
-    autoCenter.showAllCars();
-  }
-
-  void displayCarsByType(CarType type) {
-    print('\nFiltered cars by type (${Car.carTypeToString(type)}):');
-    var carsByType = autoCenter.findCarsByType(type);
-    carsByType.forEach((car) => car.displayInfo());
-  }
-
-  void displayCarsByPriceRange(double minPrice, double maxPrice) {
-    print('\nFiltered cars by price range (\$$minPrice - \$$maxPrice):');
-    var filteredCars = PriceFilter.filterByPrice(autoCenter.cars, minPrice, maxPrice);
-    filteredCars.forEach((car) => car.displayInfo());
-  }
-  void displayDetailedInfoForAllCars() {
-    print('\nDetailed Information for All Cars:');
-    autoCenter.cars.forEach((car) => print(car.detailedInfo)); // Использование метода расширения detailedInfo()
-  }
-}
-
-void main() async {
-  var app = ApplicationAuto();
-
-  await app.loadCars();
-
-  app.displayAllCars();
-
-  app.displayCarsByType(CarType.sedan);
-
-  app.displayCarsByPriceRange(20000, 40000);
-
-  app.displayDetailedInfoForAllCars();
-}
\ No newline at end of file
diff --git a/lib/domain/models/card.dart b/lib/domain/models/card.dart
new file mode 100644
index 0000000..0e9257d
--- /dev/null
+++ b/lib/domain/models/card.dart
@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+
+class CardData {
+  final String brand;
+  final String model;
+  final String cost;
+  final IconData icon;
+  final String typeCar;
+  final String? imageUrl;
+
+  CardData(
+      this.brand, {
+        required this.model,
+        required this.cost,
+        this.icon = FontAwesomeIcons.dollarSign,
+        required this.typeCar,
+        this.imageUrl,
+      });
+}
\ No newline at end of file
diff --git a/lib/main.dart b/lib/main.dart
index 8cf88ed..d5da5ae 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,7 +1,7 @@
 import 'dart:ffi';
 
 import 'package:flutter/material.dart';
-import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:mobile_app/presentation/home_page/home_page.dart';
 
 void main() {
   runApp(const MyApp());
@@ -22,203 +22,7 @@ class MyApp extends StatelessWidget {
   }
 }
 
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  final Color _color = Colors.orangeAccent;
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        backgroundColor: _color,
-        title: Text(widget.title),
-      ),
-      body: const MyWidget(),
-    );
-  }
-}
-
-class _CardData {
-  final String brand;
-  final String model;
-  final String cost;
-  final IconData icon;
-  final String typeCar;
-  final String? imageUrl;
-
-  _CardData(
-  this.brand, {
-  required this.model,
-  required this.cost,
-  this.icon = FontAwesomeIcons.dollarSign,
-  required this.typeCar,
-  this.imageUrl,
-  });
-}
 
 
-class MyWidget extends StatelessWidget{
-  const MyWidget({super.key});
 
-  @override
-  Widget build(BuildContext context){
-    final data = [
-      _CardData(
-          'Mercedes',
-          model: 'glc',
-          cost: '30000,79',
-          typeCar: 'crossover',
-          imageUrl: 'https://360view.3dmodels.org/zoom/Mercedes-Benz/Mercedes-Benz_GLC-class_Mk1f_X253_2019_1000_0001.jpg',
-      ),
-      _CardData(
-          'Renault',
-          model: 'Duster',
-          cost: '21455',
-          typeCar: 'Sedan',
-          imageUrl: 'https://avatars.mds.yandex.net/get-verba/787013/2a000001609d3fab888af8565b7ff0fc8f13/cattouchret',
-      ),
-      _CardData(
-          'Renault',
-          model: 'Logan',
-          cost: '10000',
-          typeCar: 'Cov',
-          imageUrl: 'https://avatars.mds.yandex.net/get-verba/787013/2a000001609c5392087e70561227a870e4bf/cattouchret',
-      )
-    ];
-    return Center(
-      child: SingleChildScrollView(
-        child: Column(
-          children: data.map((e) => _Card.fromData(e)).toList(),
-        ),
-      )
-    );
-  }
-}
 
-class _Card extends StatefulWidget {
-  final String brand;
-  final String model;
-  final String cost;
-  final IconData icon;
-  final String typeCar;
-  final String? imageUrl;
-
-  const _Card(
-      this.brand,{
-      required this.model,
-      required this.cost,
-      required this.typeCar,
-      this.icon = FontAwesomeIcons.dollarSign,
-      this.imageUrl,
-  });
-  factory _Card.fromData(_CardData data) => _Card(
-      data.brand,
-      model: data.model,
-      cost: data.cost,
-      typeCar: data.typeCar,
-      icon: data.icon,
-      imageUrl: data.imageUrl,
-
-  );
-
-  @override
-  State<_Card> createState() => _CardState();
-}
-
-class _CardState extends State<_Card> {
-  bool isLiked = false;
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      margin: const EdgeInsets.all(20),
-      padding: const EdgeInsets.all(10),
-      decoration: BoxDecoration(
-        color: Colors.lightBlueAccent,
-        borderRadius: BorderRadius.circular(15),
-        border: Border.all(
-          color: Colors.black,
-          width: 2,
-        ),
-      ),
-      child: IntrinsicHeight(
-      child: Column(
-        children: [
-          SizedBox(
-            height: 300,
-            width: 800,
-            child: Flexible(
-              child: Image.network(widget.imageUrl ?? '',
-              fit: BoxFit.cover,
-              errorBuilder: (_, __, ___) => const Placeholder(),
-              ),
-            ),
-          ),
-              Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(
-                    widget.brand,
-                    style: Theme.of(context).textTheme.headlineLarge,
-                  ),
-                  Text(
-                    'Model: ' + widget.model,
-                    style: Theme.of(context).textTheme.headlineMedium,
-                  ),
-                  Row(
-                    children: [
-                      Flexible(
-                        child:
-                          Text(
-                            'Cost: ' + widget.cost,
-                            style: Theme.of(context).textTheme.headlineMedium,
-                            overflow: TextOverflow.ellipsis,
-                            maxLines: 1,
-                          ),
-                      ),
-                      const SizedBox(width: 4),
-                      Icon(
-                        widget.icon,
-                        size: 24, // Размер иконки
-                      ),
-                    ],
-                  ),
-                  Text(
-                    'Type: ' + widget.typeCar,
-                    style: Theme.of(context).textTheme.headlineMedium,
-                  ),
-                ],
-              ),
-          Column(
-            mainAxisAlignment: MainAxisAlignment.end,
-            children: [
-              Padding(
-                  padding: const EdgeInsets.only(left: 8.0),
-                  child: GestureDetector(
-                    onTap: (){
-                      setState(() {
-                        isLiked = !isLiked;
-                      });
-                    },
-                    child: Icon(
-                        isLiked ? Icons.favorite : Icons.favorite_border,
-                        color: isLiked ? Colors.redAccent : null,
-                    ),
-                  ),
-              ),
-            ],
-          ),
-        ],
-      ),
-      ),
-    );
-  }
-}
diff --git a/lib/presentation/details_page/details_page.dart b/lib/presentation/details_page/details_page.dart
new file mode 100644
index 0000000..2ccd761
--- /dev/null
+++ b/lib/presentation/details_page/details_page.dart
@@ -0,0 +1,42 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:mobile_app/domain/models/card.dart';
+
+class DetailsPage extends StatelessWidget {
+  final CardData data;
+
+  const DetailsPage(this.data, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(),
+      body: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(bottom: 16.0),
+            child: Image.network(data.imageUrl ?? ' ',),
+          ),
+          Padding(
+            padding: const EdgeInsets.only(bottom: 4.0),
+            child: Text(
+              data.brand,
+              style: Theme
+                  .of(context)
+                  .textTheme
+                  .headlineLarge,
+            ),
+          ),
+          Text(
+            data.model,
+            style: Theme
+                .of(context)
+                .textTheme
+                .bodyLarge,
+          )
+        ],
+      ),
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/presentation/home_page/card.dart b/lib/presentation/home_page/card.dart
new file mode 100644
index 0000000..68651c9
--- /dev/null
+++ b/lib/presentation/home_page/card.dart
@@ -0,0 +1,141 @@
+part of 'home_page.dart';
+
+typedef OnLikeCallback = void Function(String title, bool isLiked)?;
+
+class _Card extends StatefulWidget {
+  final String brand;
+  final String model;
+  final String cost;
+  final IconData icon;
+  final String typeCar;
+  final String? imageUrl;
+  final OnLikeCallback onLike;
+  final VoidCallback? onTap;
+
+  const _Card(
+      this.brand,{
+        required this.model,
+        required this.cost,
+        required this.typeCar,
+        this.icon = FontAwesomeIcons.dollarSign,
+        this.imageUrl,
+        this.onLike,
+        this.onTap,
+      });
+  factory _Card.fromData(CardData data,{
+      OnLikeCallback onLike,
+      VoidCallback? onTap,
+      }) => _Card(
+    data.brand,
+    model: data.model,
+    cost: data.cost,
+    typeCar: data.typeCar,
+    icon: data.icon,
+    imageUrl: data.imageUrl,
+    onLike: onLike,
+    onTap: onTap,
+  );
+
+  @override
+  State<_Card> createState() => _CardState();
+}
+
+
+class _CardState extends State<_Card> {
+  bool isLiked = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: widget.onTap,
+      child: Container(
+        margin: const EdgeInsets.all(20),
+        padding: const EdgeInsets.all(10),
+        constraints: const BoxConstraints(minHeight: 140),
+        decoration: BoxDecoration(
+          color: Colors.lightBlueAccent,
+          borderRadius: BorderRadius.circular(15),
+          border: Border.all(
+            color: Colors.black,
+            width: 2,
+          ),
+        ),
+        child: IntrinsicHeight(
+          child: Column(
+            children: [
+              Stack(
+                children: [
+                  SizedBox(
+                    height: 300,
+                    width: 800,
+                    child: Image.network(
+                      widget.imageUrl ?? '',
+                      fit: BoxFit.cover,
+                      errorBuilder: (_, __, ___) => const Placeholder(),
+                    ),
+                  ),
+                  Positioned(
+                    top: 8,
+                    right: 8, // Устанавливаем позицию сердечка сверху справа
+                    child: GestureDetector(
+                      onTap: () {
+                        setState(() => isLiked = !isLiked);
+                        widget.onLike?.call(widget.brand, isLiked);
+                      },
+                      child: Icon(
+                        isLiked ? Icons.favorite : Icons.favorite_border,
+                        color: isLiked ? Colors.redAccent : Colors.black,
+                        size: 30, // Размер иконки
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 16), // Добавим отступ между Stack и текстовой информацией
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    widget.brand,
+                    style: Theme.of(context).textTheme.headlineLarge,
+                  ),
+                  Text(
+                    'Model: ' + widget.model,
+                    style: Theme.of(context).textTheme.headlineMedium,
+                  ),
+                  Row(
+                    children: [
+                      Flexible(
+                        child: Text(
+                          'Cost: ' + widget.cost,
+                          style: Theme.of(context).textTheme.headlineMedium,
+                          overflow: TextOverflow.ellipsis,
+                          maxLines: 1,
+                        ),
+                      ),
+                      const SizedBox(width: 4),
+                      Icon(
+                        widget.icon,
+                        size: 24, // Размер иконки
+                      ),
+                    ],
+                  ),
+                  Text(
+                    'Type: ' + widget.typeCar,
+                    style: Theme.of(context).textTheme.headlineMedium,
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+
+
+
+
+
diff --git a/lib/presentation/home_page/home_page.dart b/lib/presentation/home_page/home_page.dart
new file mode 100644
index 0000000..17e2c1f
--- /dev/null
+++ b/lib/presentation/home_page/home_page.dart
@@ -0,0 +1,101 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:mobile_app/domain/models/card.dart';
+import 'package:mobile_app/presentation/details_page/details_page.dart';
+
+part 'card.dart';
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({super.key, required this.title});
+
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  final Color _color = Colors.orangeAccent;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: _color,
+        title: Text(widget.title),
+      ),
+      body: const Body(),
+    );
+  }
+}
+
+class Body extends StatelessWidget{
+  const Body({super.key});
+
+  @override
+  Widget build(BuildContext context){
+    final data = [
+      CardData(
+        'Mercedes',
+        model: 'glc',
+        cost: '30000,79',
+        typeCar: 'crossover',
+        imageUrl: 'https://360view.3dmodels.org/zoom/Mercedes-Benz/Mercedes-Benz_GLC-class_Mk1f_X253_2019_1000_0001.jpg',
+      ),
+      CardData(
+        'Renault',
+        model: 'Duster',
+        cost: '21455',
+        typeCar: 'Sedan',
+        imageUrl: 'https://avatars.mds.yandex.net/get-verba/787013/2a000001609d3fab888af8565b7ff0fc8f13/cattouchret',
+      ),
+      CardData(
+        'Renault',
+        model: 'Logan',
+        cost: '10000',
+        typeCar: 'Cov',
+        imageUrl: 'https://avatars.mds.yandex.net/get-verba/787013/2a000001609c5392087e70561227a870e4bf/cattouchret',
+      )
+    ];
+    return Center(
+        child: SingleChildScrollView(
+          child: Column(
+            children:
+            data.map((data) { return _Card.fromData(
+                     data,
+                     onLike: (title, isLiked) => _showSnackBar(context, title, isLiked),
+                     onTap: () => _navToDetails(context, data),);
+            }).toList(),
+          ),
+        )
+    );
+  }
+
+  void _navToDetails(BuildContext context, CardData data){
+    Navigator.push(
+      context,
+      CupertinoPageRoute(builder: (context) => DetailsPage(data)),
+    );
+  }
+  void _showSnackBar(BuildContext context, String title, bool isLiked) {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+        content: Text(
+          'Racoon $title ${isLiked ? 'liked!' : 'disliked :('}',
+          style: Theme.of(context).textTheme.bodyLarge,
+        ),
+        backgroundColor: Colors.orangeAccent,
+        duration: const Duration(seconds: 1),
+      ));
+    });
+  }
+}
+
+
+
+
+
+
+
+
+
diff --git a/pubspec.lock b/pubspec.lock
index d6a69a1..6933904 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -1,6 +1,35 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  _fe_analyzer_shared:
+    dependency: transitive
+    description:
+      name: _fe_analyzer_shared
+      sha256: f256b0c0ba6c7577c15e2e4e114755640a875e885099367bf6e012b19314c834
+      url: "https://pub.dev"
+    source: hosted
+    version: "72.0.0"
+  _macros:
+    dependency: transitive
+    description: dart
+    source: sdk
+    version: "0.3.2"
+  analyzer:
+    dependency: transitive
+    description:
+      name: analyzer
+      sha256: b652861553cd3990d8ed361f7979dc6d7053a9ac8843fa73820ab68ce5410139
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.7.0"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: "7cf60b9f0cc88203c5a190b4cd62a99feea42759a7fa695010eb5de1c0b2252a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.0"
   async:
     dependency: transitive
     description:
@@ -17,6 +46,70 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.1"
+  build:
+    dependency: transitive
+    description:
+      name: build
+      sha256: "80184af8b6cb3e5c1c4ec6d8544d27711700bc3e6d2efad04238c7b5290889f0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  build_config:
+    dependency: transitive
+    description:
+      name: build_config
+      sha256: bf80fcfb46a29945b423bd9aad884590fb1dc69b330a4d4700cac476af1708d1
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
+  build_daemon:
+    dependency: transitive
+    description:
+      name: build_daemon
+      sha256: "79b2aef6ac2ed00046867ed354c88778c9c0f029df8a20fe10b5436826721ef9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
+  build_resolvers:
+    dependency: transitive
+    description:
+      name: build_resolvers
+      sha256: "339086358431fa15d7eca8b6a36e5d783728cf025e559b834f4609a1fcfb7b0a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
+  build_runner:
+    dependency: "direct dev"
+    description:
+      name: build_runner
+      sha256: "028819cfb90051c6b5440c7e574d1896f8037e3c96cf17aaeb054c9311cfbf4d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.13"
+  build_runner_core:
+    dependency: transitive
+    description:
+      name: build_runner_core
+      sha256: f8126682b87a7282a339b871298cc12009cb67109cfa1614d6436fb0289193e0
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.3.2"
+  built_collection:
+    dependency: transitive
+    description:
+      name: built_collection
+      sha256: "376e3dd27b51ea877c28d525560790aee2e6fbb5f20e2f85d5081027d94e2100"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.1.1"
+  built_value:
+    dependency: transitive
+    description:
+      name: built_value
+      sha256: c7913a9737ee4007efedaffc968c049fd0f3d0e49109e778edc10de9426005cb
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.9.2"
   characters:
     dependency: transitive
     description:
@@ -25,6 +118,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.3"
   clock:
     dependency: transitive
     description:
@@ -33,6 +134,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.1"
+  code_builder:
+    dependency: transitive
+    description:
+      name: code_builder
+      sha256: f692079e25e7869c14132d39f223f8eec9830eb76131925143b2129c4bb01b37
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.10.0"
   collection:
     dependency: transitive
     description:
@@ -41,6 +150,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      sha256: "0f08b14755d163f6e2134cb58222dd25ea2a2ee8a195e53983d57c075324d592"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.1"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      sha256: ec30d999af904f33454ba22ed9a86162b35e52b44ac4807d1d93c288041d7d27
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.5"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -49,6 +174,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.8"
+  dart_style:
+    dependency: transitive
+    description:
+      name: dart_style
+      sha256: "7856d364b589d1f08986e140938578ed36ed948581fbc3bc9aef1805039ac5ab"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.7"
   fake_async:
     dependency: transitive
     description:
@@ -57,6 +190,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.1"
+  fixnum:
+    dependency: transitive
+    description:
+      name: fixnum
+      sha256: "25517a4deb0c03aa0f32fd12db525856438902d9c16536311e76cdc57b31d7d1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -83,6 +232,78 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "10.7.0"
+  frontend_server_client:
+    dependency: transitive
+    description:
+      name: frontend_server_client
+      sha256: f64a0333a82f30b0cca061bc3d143813a486dc086b574bfb233b7c1372427694
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  glob:
+    dependency: transitive
+    description:
+      name: glob
+      sha256: "0e7014b3b7d4dac1ca4d6114f82bf1782ee86745b9b42a92c9289c23d8a0ab63"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  graphs:
+    dependency: transitive
+    description:
+      name: graphs
+      sha256: "741bbf84165310a68ff28fe9e727332eef1407342fca52759cb21ad8177bb8d0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  http_multi_server:
+    dependency: transitive
+    description:
+      name: http_multi_server
+      sha256: "97486f20f9c2f7be8f514851703d0119c3596d14ea63227af6f7a481ef2b2f8b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.1"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
+  io:
+    dependency: transitive
+    description:
+      name: io
+      sha256: "2ec25704aba361659e10e3e5f5d672068d332fc8ac516421d483a11e5cbd061e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.4"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: c1b2e9b5ea78c45e1a0788d29606ba27dc5f71f019f32ca5140f61ef071838cf
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.1"
+  json_annotation:
+    dependency: "direct main"
+    description:
+      name: json_annotation
+      sha256: "1ce844379ca14835a50d2f019a3099f419082cfdd231cd86a142af94dd5c6bb1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.9.0"
+  json_serializable:
+    dependency: "direct dev"
+    description:
+      name: json_serializable
+      sha256: ea1432d167339ea9b5bb153f0571d0039607a873d6e04e0117af043f14a1fd4b
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.8.0"
   leak_tracker:
     dependency: transitive
     description:
@@ -115,6 +336,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.0"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      sha256: "623a88c9594aa774443aa3eb2d41807a48486b5613e67599fb4c41c0ad47c340"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.0"
+  macros:
+    dependency: transitive
+    description:
+      name: macros
+      sha256: "0acaed5d6b7eab89f63350bccd82119e6c602df0f391260d0e32b5e23db79536"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.2-main.4"
   matcher:
     dependency: transitive
     description:
@@ -139,6 +376,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.15.0"
+  mime:
+    dependency: transitive
+    description:
+      name: mime
+      sha256: "41a20518f0cb1256669420fdba0cd90d21561e560ac240f26ef8322e45bb7ed6"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
+  package_config:
+    dependency: transitive
+    description:
+      name: package_config
+      sha256: "1c5b77ccc91e4823a5af61ee74e6b972db1ef98c2ff5a18d3161c982a55448bd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   path:
     dependency: transitive
     description:
@@ -147,11 +400,67 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.9.0"
+  pool:
+    dependency: transitive
+    description:
+      name: pool
+      sha256: "20fe868b6314b322ea036ba325e6fc0711a22948856475e2c2b6306e8ab39c2a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.1"
+  pub_semver:
+    dependency: transitive
+    description:
+      name: pub_semver
+      sha256: "40d3ab1bbd474c4c2328c91e3a7df8c6dd629b79ece4c4bd04bee496a224fb0c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  pubspec_parse:
+    dependency: transitive
+    description:
+      name: pubspec_parse
+      sha256: c799b721d79eb6ee6fa56f00c04b472dcd44a30d258fac2174a6ec57302678f8
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
+  shelf:
+    dependency: transitive
+    description:
+      name: shelf
+      sha256: ad29c505aee705f41a4d8963641f91ac4cee3c8fad5947e033390a7bd8180fa4
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.1"
+  shelf_web_socket:
+    dependency: transitive
+    description:
+      name: shelf_web_socket
+      sha256: "073c147238594ecd0d193f3456a5fe91c4b0abbcc68bf5cd95b36c4e194ac611"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
+  source_gen:
+    dependency: transitive
+    description:
+      name: source_gen
+      sha256: "14658ba5f669685cd3d63701d01b31ea748310f7ab854e471962670abcf57832"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.0"
+  source_helper:
+    dependency: transitive
+    description:
+      name: source_helper
+      sha256: "6adebc0006c37dd63fe05bca0a929b99f06402fc95aa35bf36d67f5c06de01fd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.4"
   source_span:
     dependency: transitive
     description:
@@ -176,6 +485,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.2"
+  stream_transform:
+    dependency: transitive
+    description:
+      name: stream_transform
+      sha256: "14a00e794c7c11aa145a170587321aedce29769c08d7f58b1d141da75e3b1c6f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
@@ -200,6 +517,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.7.2"
+  timing:
+    dependency: transitive
+    description:
+      name: timing
+      sha256: "70a3b636575d4163c477e6de42f247a23b315ae20e86442bebe32d3cabf61c32"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.2"
   vector_math:
     dependency: transitive
     description:
@@ -216,6 +549,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "14.2.5"
+  watcher:
+    dependency: transitive
+    description:
+      name: watcher
+      sha256: "3d2ad6751b3c16cf07c7fca317a1413b3f26530319181b37e3b9039b84fc01d8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: cd3543bd5798f6ad290ea73d210f423502e71900302dde696f8bff84bf89a1cb
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  web_socket:
+    dependency: transitive
+    description:
+      name: web_socket
+      sha256: "3c12d96c0c9a4eec095246debcea7b86c0324f22df69893d538fcc6f1b8cce83"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.6"
+  web_socket_channel:
+    dependency: transitive
+    description:
+      name: web_socket_channel
+      sha256: "9f187088ed104edd8662ca07af4b124465893caf063ba29758f97af57e61da8f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.1"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
 sdks:
   dart: ">=3.5.3 <4.0.0"
   flutter: ">=3.18.0-18.0.pre.54"
diff --git a/pubspec.yaml b/pubspec.yaml
index 169718b..4f5ac18 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -35,6 +35,7 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.8
+  json_annotation: ^4.8.1
 
 dev_dependencies:
   flutter_test:
@@ -46,6 +47,8 @@ dev_dependencies:
   # package. See that file for information about deactivating specific lint
   # rules and activating additional ones.
   flutter_lints: ^4.0.0
+  build_runner: ^2.4.9
+  json_serializable: ^6.7.1
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec