loading data from dart.json and dart model for better DX

build.yaml

@@ -0,0 +1,19 @@
+targets:
+  $default:
+    builders:
+      json_serializable:
+        options:
+          # The default value for each is listed.
+          any_map: false
+          checked: false
+          constructor: ""
+          create_factory: true
+          create_field_map: false
+          create_per_field_to_json: false
+          create_to_json: true
+          disallow_unrecognized_keys: false
+          explicit_to_json: true
+          field_rename: none
+          generic_argument_factories: false
+          ignore_unannotated: false
+          include_if_null: true

data.json

@@ -0,0 +1,156 @@
+{
+    "basic": {
+        "firstName": "Muhammad",
+        "lastName": "Hamza",
+        "age": 22,
+        "email": "[email protected]",
+        "phone": "+92 346 0159889",
+        "address": "Islamabad, PK",
+        "photos": [
+            "images/photos/bw.png",
+            "images/photos/colored.png",
+            "images/photos/mobile.png"
+        ],
+        "resume": "https://drive.google.com/drive/u/0/folders/1E6NxJlmnW2lTYTszcbODdpXiPFYe_kBM"
+    },
+    "socials": [
+        {
+            "icon": "fa-brands fa-square-facebook",
+            "url": "https://www.facebook.com/mhmzdev"
+        },
+        {
+            "icon": "fa-brands fa-linkedin",
+            "url": "https://www.linkedin.com/in/mhmzdev/"
+        },
+        {
+            "icon": "fa-brands fa-github",
+            "url": "https://github.com/mhmzdev"
+        },
+        {
+            "icon": "fa-brands fa-x-twitter",
+            "url": "https://twitter.com/mhmzdev"
+        },
+        {
+            "icon": "fa-brands fa-instagram",
+            "url": "https://www.instagram.com/mhmzdev/"
+        },
+        {
+            "icon": "fa-brands fa-medium",
+            "url": "https://mhmzdev.medium.com"
+        }
+    ],
+    "aboutMe": {
+        "description": "I'm a fresh graduate with Computer Science as Majors from COMSATS University Islamabad. I have been working with Flutter for the past 2 years and have developed multiple applications for both Android and iOS platforms. I have a keen interest in UI/UX designing and have been working on it for the past 3 years. I have also been writing technical blogs for the past 2 years and have been a part of multiple technical writing communities.",
+        "tech": [
+            "Flutter",
+            "Dart",
+            "Firebase",
+            "Python",
+            "dart_frog",
+            "jaspr",
+            "nodejs",
+            "express"
+        ],
+        "works": [
+            {
+                "image": "images/work/cui.png",
+                "url": "https://www.comsats.edu.pk/",
+                "height": 50
+            },
+            {
+                "image": "images/work/dsc.png",
+                "url": "https://developers.google.com/community/dsc",
+                "height": 30
+            },
+            {
+                "image": "images/work/flutterisl.png",
+                "url": "https://meetup.com/flutter-islamabad",
+                "height": 60
+            },
+            {
+                "image": "images/work/st.png",
+                "url": "https://www.sastaticket.pk/",
+                "height": 60
+            }
+        ]
+    },
+    "services": [
+        {
+            "icon": "images/services/mobile.png",
+            "title": "Mobile Development"
+        },
+        {
+            "icon": "images/services/ui.png",
+            "title": "UI/UX Design"
+        },
+        {
+            "icon": "images/services/rapid.png",
+            "title": "Rapid Prototyping"
+        },
+        {
+            "icon": "images/services/blog.png",
+            "title": "Technical Writing"
+        },
+        {
+            "icon": "images/services/open.png",
+            "title": "Open Source - GitHub"
+        }
+    ],
+    "projects": [
+        {
+            "banner": "images/projects/snackbar.png",
+            "icon": "images/projects/flutter.png",
+            "title": "Awesome Snackbar",
+            "description": "A very unique dart package to uplift the snackbar experience in flutter. Available at pub.dev now!",
+            "link": "https://pub.dev/packages/awesome_snackbar"
+        },
+        {
+            "banner": "images/projects/quranB.png",
+            "icon": "images/projects/quran.png",
+            "title": "Quran App",
+            "description": "Application of Holy book of Muslims, Al-Qur'an. Developed using Flutter. Powered with live RestAPI given in README.md",
+            "link": "https://github.com/mhmzdev/the-holy-quran-app"
+        },
+        {
+            "banner": "images/projects/medkitB.png",
+            "icon": "images/projects/medkit.png",
+            "title": "MedKit",
+            "description": "A Phramacy app developed using Flutter powered with Firebase as database with Doctor and Patient panels.",
+            "link": "https://github.com/mhmzdev/MedKit-Pharmacy-App-Using-Flutter"
+        },
+        {
+            "banner": "images/projects/hereiamB.png",
+            "icon": "images/projects/hereiam.png",
+            "title": "Here I Am",
+            "description": "Here I am is an Alert app that Sends alert SMS holding your location (Address and Google Maps) to your loved ones.",
+            "link": "https://github.com/mhmzdev/Here-I-Am-Alert-App"
+        },
+        {
+            "banner": "images/projects/covidB.png",
+            "icon": "images/projects/covid.png",
+            "title": "Covid-19 Tracker",
+            "description": "A live trakcer for COVID19 stats across the Globe and my Home country Pakistan. It uses APIs so the data is live.",
+            "link": "https://github.com/mhmzdev/Covid19-Tracker-App"
+        }
+    ],
+    "contact": [
+        {
+            "icon": "fa-duotone fa-solid fa-house",
+            "title": "Location",
+            "description": "Islamabad, PK",
+            "action": "https://maps.app.goo.gl/ek2SSNh26K1i4HNF6"
+        },
+        {
+            "icon": "fa-duotone fa-solid fa-phone",
+            "title": "Phone",
+            "description": "+92 346 0159889",
+            "action": "https://wa.me/923460159889"
+        },
+        {
+            "icon": "fa-duotone fa-solid fa-envelope",
+            "title": "Email",
+            "description": "[email protected]",
+            "action": "mailto:[email protected]"
+        }
+    ]
+}

lib/models/about.dart

@@ -0,0 +1,16 @@
+import 'package:devfolio/models/work.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'about.freezed.dart';
+part 'about.g.dart';
+
+@freezed
+class About with _$About {
+  const factory About({
+    required String description,
+    required List<String> tech,
+    required List<Work> works,
+  }) = _About;
+
+  factory About.fromJson(Map<String, Object?> json) => _$AboutFromJson(json);
+}