├── .gitignore ├── .metadata ├── README.md ├── analysis_options.yaml ├── android ├── .gitignore ├── app │ ├── build.gradle │ └── src │ │ ├── debug │ │ └── AndroidManifest.xml │ │ ├── main │ │ ├── AndroidManifest.xml │ │ ├── kotlin │ │ │ └── com │ │ │ │ └── example │ │ │ │ └── portfolio │ │ │ │ └── MainActivity.kt │ │ └── res │ │ │ ├── drawable-v21 │ │ │ └── launch_background.xml │ │ │ ├── drawable │ │ │ └── launch_background.xml │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── launcher_icon.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── launcher_icon.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── launcher_icon.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── launcher_icon.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── launcher_icon.png │ │ │ ├── values-night │ │ │ └── styles.xml │ │ │ └── values │ │ │ └── styles.xml │ │ └── profile │ │ └── AndroidManifest.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ └── gradle-wrapper.properties └── settings.gradle ├── assets ├── fonts │ ├── Poppins-Bold.ttf │ ├── Poppins-Regular.ttf │ └── Poppins-SemiBold.ttf ├── images │ ├── android.svg │ ├── dev_img.png │ ├── portfolio_icon.png │ ├── ruler.svg │ └── slider.svg └── previews │ ├── about_preview.png │ ├── contact_preview.png │ ├── home_preview.png │ ├── mobile_home_preview.png │ ├── projects_one_preview.png │ └── projects_two_preview.png ├── ios ├── .gitignore ├── Flutter │ ├── AppFrameworkInfo.plist │ ├── Debug.xcconfig │ └── Release.xcconfig ├── Runner.xcodeproj │ ├── project.pbxproj │ ├── project.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ ├── IDEWorkspaceChecks.plist │ │ │ └── WorkspaceSettings.xcsettings │ └── xcshareddata │ │ └── xcschemes │ │ └── Runner.xcscheme ├── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ ├── IDEWorkspaceChecks.plist │ │ └── WorkspaceSettings.xcsettings └── Runner │ ├── AppDelegate.swift │ ├── Assets.xcassets │ ├── AppIcon.appiconset │ │ ├── Contents.json │ │ ├── Icon-App-1024x1024@1x.png │ │ ├── Icon-App-20x20@1x.png │ │ ├── Icon-App-20x20@2x.png │ │ ├── Icon-App-20x20@3x.png │ │ ├── Icon-App-29x29@1x.png │ │ ├── Icon-App-29x29@2x.png │ │ ├── Icon-App-29x29@3x.png │ │ ├── Icon-App-40x40@1x.png │ │ ├── Icon-App-40x40@2x.png │ │ ├── Icon-App-40x40@3x.png │ │ ├── Icon-App-50x50@1x.png │ │ ├── Icon-App-50x50@2x.png │ │ ├── Icon-App-57x57@1x.png │ │ ├── Icon-App-57x57@2x.png │ │ ├── Icon-App-60x60@2x.png │ │ ├── Icon-App-60x60@3x.png │ │ ├── Icon-App-72x72@1x.png │ │ ├── Icon-App-72x72@2x.png │ │ ├── Icon-App-76x76@1x.png │ │ ├── Icon-App-76x76@2x.png │ │ └── Icon-App-83.5x83.5@2x.png │ └── LaunchImage.imageset │ │ ├── Contents.json │ │ ├── LaunchImage.png │ │ ├── LaunchImage@2x.png │ │ ├── LaunchImage@3x.png │ │ └── README.md │ ├── Base.lproj │ ├── LaunchScreen.storyboard │ └── Main.storyboard │ ├── Info.plist │ └── Runner-Bridging-Header.h ├── lib ├── bloc_observer.dart ├── config │ └── theme_manager.dart ├── core │ ├── utils │ │ ├── app_assets.dart │ │ ├── app_colors.dart │ │ ├── app_constants.dart │ │ ├── app_enums.dart │ │ ├── app_extensions.dart │ │ ├── app_strings.dart │ │ ├── app_styles.dart │ │ └── social_links.dart │ └── widgets │ │ ├── custom_button.dart │ │ └── custom_divider.dart ├── data │ └── models │ │ ├── custom_service.dart │ │ ├── project.dart │ │ └── responsive_size.dart ├── main.dart ├── portfolio_app.dart └── presentation │ ├── blocs │ └── home_bloc │ │ ├── home_bloc.dart │ │ ├── home_event.dart │ │ └── home_state.dart │ ├── views │ └── home_view.dart │ └── widgets │ ├── app_bar │ ├── custom_header_btn.dart │ ├── custom_menu_btn.dart │ ├── developer_name_btn.dart │ ├── headers_section.dart │ ├── home_app_bar.dart │ ├── horizontal_headers.dart │ ├── vertical_headers.dart │ └── vertical_headers_builder.dart │ └── body │ ├── about_me │ ├── about_me_intro.dart │ ├── about_me_section.dart │ ├── basic_service_item.dart │ ├── basic_services_grid.dart │ ├── detailed_service_item.dart │ ├── detailed_services_grid.dart │ ├── detailed_services_section.dart │ └── experience_info.dart │ ├── contact │ ├── contact_form.dart │ ├── contact_intro.dart │ ├── contact_section.dart │ └── social_medial_icons.dart │ ├── home_body.dart │ ├── intro │ ├── circle_image_border.dart │ ├── intro_actions.dart │ ├── intro_circle_image_box.dart │ ├── intro_image.dart │ ├── intro_section.dart │ └── intro_text.dart │ └── projects │ ├── project_actions.dart │ ├── project_image.dart │ ├── project_item.dart │ ├── projects_grid.dart │ ├── projects_intro.dart │ └── projects_section.dart ├── linux ├── .gitignore ├── CMakeLists.txt ├── flutter │ ├── CMakeLists.txt │ ├── generated_plugin_registrant.cc │ ├── generated_plugin_registrant.h │ └── generated_plugins.cmake ├── main.cc ├── my_application.cc └── my_application.h ├── macos ├── .gitignore ├── Flutter │ ├── Flutter-Debug.xcconfig │ ├── Flutter-Release.xcconfig │ └── GeneratedPluginRegistrant.swift ├── Runner.xcodeproj │ ├── project.pbxproj │ ├── project.xcworkspace │ │ └── xcshareddata │ │ │ └── IDEWorkspaceChecks.plist │ └── xcshareddata │ │ └── xcschemes │ │ └── Runner.xcscheme ├── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ │ └── IDEWorkspaceChecks.plist └── Runner │ ├── AppDelegate.swift │ ├── Assets.xcassets │ └── AppIcon.appiconset │ │ ├── Contents.json │ │ ├── app_icon_1024.png │ │ ├── app_icon_128.png │ │ ├── app_icon_16.png │ │ ├── app_icon_256.png │ │ ├── app_icon_32.png │ │ ├── app_icon_512.png │ │ └── app_icon_64.png │ ├── Base.lproj │ └── MainMenu.xib │ ├── Configs │ ├── AppInfo.xcconfig │ ├── Debug.xcconfig │ ├── Release.xcconfig │ └── Warnings.xcconfig │ ├── DebugProfile.entitlements │ ├── Info.plist │ ├── MainFlutterWindow.swift │ └── Release.entitlements ├── pubspec.lock ├── pubspec.yaml ├── test └── widget_test.dart ├── web ├── assets │ └── loading.gif ├── favicon.png ├── icons │ ├── Icon-192.png │ ├── Icon-512.png │ ├── Icon-maskable-192.png │ └── Icon-maskable-512.png ├── index.html └── manifest.json └── windows ├── .gitignore ├── CMakeLists.txt ├── flutter ├── CMakeLists.txt ├── generated_plugin_registrant.cc ├── generated_plugin_registrant.h └── generated_plugins.cmake └── runner ├── CMakeLists.txt ├── Runner.rc ├── flutter_window.cpp ├── flutter_window.h ├── main.cpp ├── resource.h ├── resources └── app_icon.ico ├── runner.exe.manifest ├── utils.cpp ├── utils.h ├── win32_window.cpp └── win32_window.h /.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | migrate_working_dir/ 12 | 13 | # IntelliJ related 14 | *.iml 15 | *.ipr 16 | *.iws 17 | .idea/ 18 | 19 | # The .vscode folder contains launch configuration and tasks you configure in 20 | # VS Code which you may wish to be included in version control, so this line 21 | # is commented out by default. 22 | #.vscode/ 23 | 24 | # Flutter/Dart/Pub related 25 | **/doc/api/ 26 | **/ios/Flutter/.last_build_id 27 | .dart_tool/ 28 | .flutter-plugins 29 | .flutter-plugins-dependencies 30 | .packages 31 | .pub-cache/ 32 | .pub/ 33 | /build/ 34 | 35 | # Symbolication related 36 | app.*.symbols 37 | 38 | # Obfuscation related 39 | app.*.map.json 40 | 41 | # Android Studio will place build artifacts here 42 | /android/app/debug 43 | /android/app/profile 44 | /android/app/release 45 | 46 | # /assets/previews -------------------------------------------------------------------------------- /.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled. 5 | 6 | version: 7 | revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 8 | channel: stable 9 | 10 | project_type: app 11 | 12 | # Tracks metadata for the flutter migrate command 13 | migration: 14 | platforms: 15 | - platform: root 16 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 17 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 18 | - platform: android 19 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 20 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 21 | - platform: ios 22 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 23 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 24 | - platform: linux 25 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 26 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 27 | - platform: macos 28 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 29 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 30 | - platform: web 31 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 32 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 33 | - platform: windows 34 | create_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 35 | base_revision: b4bce91dd0f168179d46a7ae5eceb3572ba9637a 36 | 37 | # User provided section 38 | 39 | # List of Local paths (relative to this file) that should be 40 | # ignored by the migrate tool. 41 | # 42 | # Files that are not part of the templates will be ignored by default. 43 | unmanaged_files: 44 | - 'lib/main.dart' 45 | - 'ios/Runner.xcodeproj/project.pbxproj' 46 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # portfolio 2 | 3 | Flutter Web Portfolio, Based on a design on Figma and hosted on Github host. 4 | 5 | ### Demo URL 6 | 7 | https://radyhaggag.github.io/MyPortfolio 8 | 9 | ### Youtube preview 10 | 11 | https://youtu.be/_llGOcJvPzA 12 | 13 | ### 💻 Requirements 14 | 15 | - Any Operating System (MacOS, Linux, Windows) 16 | - Any IDE with Flutter SDK installed (Android Studio, VSCode etc) 17 | - A little knowledge of Dart and Flutter. 18 | 19 | ### 👨‍💻 How to run 20 | 21 | > https://github.com/radyhaggag/web_portfolio_with_flutter.git 22 | > flutter run -d chrome --web-renderer html 23 | 24 | ### Screenshots 25 | 26 | ![Screenshot](./assets/previews/home_preview.png) 27 | ![Screenshot](./assets/previews/about_preview.png) 28 | ![Screenshot](./assets/previews/projects_one_preview.png) 29 | ![Screenshot](./assets/previews/projects_two_preview.png) 30 | ![Screenshot](./assets/previews/home_preview.png) 31 | ![Screenshot](./assets/previews/contact_preview.png) 32 | 33 | ### Mobile home Screenshot 34 | 35 | ![Screenshot](./assets/previews/mobile_home_preview.png) 36 | -------------------------------------------------------------------------------- /analysis_options.yaml: -------------------------------------------------------------------------------- 1 | # This file configures the analyzer, which statically analyzes Dart code to 2 | # check for errors, warnings, and lints. 3 | # 4 | # The issues identified by the analyzer are surfaced in the UI of Dart-enabled 5 | # IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be 6 | # invoked from the command line by running `flutter analyze`. 7 | 8 | # The following line activates a set of recommended lints for Flutter apps, 9 | # packages, and plugins designed to encourage good coding practices. 10 | include: package:flutter_lints/flutter.yaml 11 | 12 | linter: 13 | # The lint rules applied to this project can be customized in the 14 | # section below to disable rules from the `package:flutter_lints/flutter.yaml` 15 | # included above or to enable additional rules. A list of all available lints 16 | # and their documentation is published at 17 | # https://dart-lang.github.io/linter/lints/index.html. 18 | # 19 | # Instead of disabling a lint rule for the entire project in the 20 | # section below, it can also be suppressed for a single line of code 21 | # or a specific dart file by using the `// ignore: name_of_lint` and 22 | # `// ignore_for_file: name_of_lint` syntax on the line or in the file 23 | # producing the lint. 24 | rules: 25 | # avoid_print: false # Uncomment to disable the `avoid_print` rule 26 | # prefer_single_quotes: true # Uncomment to enable the `prefer_single_quotes` rule 27 | 28 | # Additional information about this file can be found at 29 | # https://dart.dev/guides/language/analysis-options 30 | -------------------------------------------------------------------------------- /android/.gitignore: -------------------------------------------------------------------------------- 1 | gradle-wrapper.jar 2 | /.gradle 3 | /captures/ 4 | /gradlew 5 | /gradlew.bat 6 | /local.properties 7 | GeneratedPluginRegistrant.java 8 | 9 | # Remember to never publicly share your keystore. 10 | # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app 11 | key.properties 12 | **/*.keystore 13 | **/*.jks 14 | -------------------------------------------------------------------------------- /android/app/build.gradle: -------------------------------------------------------------------------------- 1 | def localProperties = new Properties() 2 | def localPropertiesFile = rootProject.file('local.properties') 3 | if (localPropertiesFile.exists()) { 4 | localPropertiesFile.withReader('UTF-8') { reader -> 5 | localProperties.load(reader) 6 | } 7 | } 8 | 9 | def flutterRoot = localProperties.getProperty('flutter.sdk') 10 | if (flutterRoot == null) { 11 | throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.") 12 | } 13 | 14 | def flutterVersionCode = localProperties.getProperty('flutter.versionCode') 15 | if (flutterVersionCode == null) { 16 | flutterVersionCode = '1' 17 | } 18 | 19 | def flutterVersionName = localProperties.getProperty('flutter.versionName') 20 | if (flutterVersionName == null) { 21 | flutterVersionName = '1.0' 22 | } 23 | 24 | apply plugin: 'com.android.application' 25 | apply plugin: 'kotlin-android' 26 | apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle" 27 | 28 | android { 29 | compileSdkVersion flutter.compileSdkVersion 30 | ndkVersion flutter.ndkVersion 31 | 32 | compileOptions { 33 | sourceCompatibility JavaVersion.VERSION_1_8 34 | targetCompatibility JavaVersion.VERSION_1_8 35 | } 36 | 37 | kotlinOptions { 38 | jvmTarget = '1.8' 39 | } 40 | 41 | sourceSets { 42 | main.java.srcDirs += 'src/main/kotlin' 43 | } 44 | 45 | defaultConfig { 46 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). 47 | applicationId "com.example.portfolio" 48 | // You can update the following values to match your application needs. 49 | // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration. 50 | minSdkVersion flutter.minSdkVersion 51 | targetSdkVersion flutter.targetSdkVersion 52 | versionCode flutterVersionCode.toInteger() 53 | versionName flutterVersionName 54 | } 55 | 56 | buildTypes { 57 | release { 58 | // TODO: Add your own signing config for the release build. 59 | // Signing with the debug keys for now, so `flutter run --release` works. 60 | signingConfig signingConfigs.debug 61 | } 62 | } 63 | } 64 | 65 | flutter { 66 | source '../..' 67 | } 68 | 69 | dependencies { 70 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 71 | } 72 | -------------------------------------------------------------------------------- /android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 7 | 15 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 30 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /android/app/src/main/kotlin/com/example/portfolio/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.portfolio 2 | 3 | import io.flutter.embedding.android.FlutterActivity 4 | 5 | class MainActivity: FlutterActivity() { 6 | } 7 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable-v21/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /android/app/src/main/res/drawable/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/launcher_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-hdpi/launcher_icon.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/launcher_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-mdpi/launcher_icon.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/launcher_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png -------------------------------------------------------------------------------- /android/app/src/main/res/values-night/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /android/app/src/profile/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext.kotlin_version = '1.7.10' 3 | repositories { 4 | google() 5 | mavenCentral() 6 | } 7 | 8 | dependencies { 9 | classpath 'com.android.tools.build:gradle:7.2.0' 10 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 11 | } 12 | } 13 | 14 | allprojects { 15 | repositories { 16 | google() 17 | mavenCentral() 18 | } 19 | } 20 | 21 | rootProject.buildDir = '../build' 22 | subprojects { 23 | project.buildDir = "${rootProject.buildDir}/${project.name}" 24 | } 25 | subprojects { 26 | project.evaluationDependsOn(':app') 27 | } 28 | 29 | task clean(type: Delete) { 30 | delete rootProject.buildDir 31 | } 32 | -------------------------------------------------------------------------------- /android/gradle.properties: -------------------------------------------------------------------------------- 1 | org.gradle.jvmargs=-Xmx1536M 2 | android.useAndroidX=true 3 | android.enableJetifier=true 4 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Tue Feb 28 17:29:14 EET 2023 2 | distributionBase=GRADLE_USER_HOME 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.2-bin.zip 4 | distributionPath=wrapper/dists 5 | zipStorePath=wrapper/dists 6 | zipStoreBase=GRADLE_USER_HOME 7 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | 3 | def localPropertiesFile = new File(rootProject.projectDir, "local.properties") 4 | def properties = new Properties() 5 | 6 | assert localPropertiesFile.exists() 7 | localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) } 8 | 9 | def flutterSdkPath = properties.getProperty("flutter.sdk") 10 | assert flutterSdkPath != null, "flutter.sdk not set in local.properties" 11 | apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle" 12 | -------------------------------------------------------------------------------- /assets/fonts/Poppins-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/fonts/Poppins-Bold.ttf -------------------------------------------------------------------------------- /assets/fonts/Poppins-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/fonts/Poppins-Regular.ttf -------------------------------------------------------------------------------- /assets/fonts/Poppins-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/fonts/Poppins-SemiBold.ttf -------------------------------------------------------------------------------- /assets/images/android.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /assets/images/dev_img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/images/dev_img.png -------------------------------------------------------------------------------- /assets/images/portfolio_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/images/portfolio_icon.png -------------------------------------------------------------------------------- /assets/images/ruler.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/images/slider.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/previews/about_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/previews/about_preview.png -------------------------------------------------------------------------------- /assets/previews/contact_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/previews/contact_preview.png -------------------------------------------------------------------------------- /assets/previews/home_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/previews/home_preview.png -------------------------------------------------------------------------------- /assets/previews/mobile_home_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/previews/mobile_home_preview.png -------------------------------------------------------------------------------- /assets/previews/projects_one_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/previews/projects_one_preview.png -------------------------------------------------------------------------------- /assets/previews/projects_two_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/assets/previews/projects_two_preview.png -------------------------------------------------------------------------------- /ios/.gitignore: -------------------------------------------------------------------------------- 1 | **/dgph 2 | *.mode1v3 3 | *.mode2v3 4 | *.moved-aside 5 | *.pbxuser 6 | *.perspectivev3 7 | **/*sync/ 8 | .sconsign.dblite 9 | .tags* 10 | **/.vagrant/ 11 | **/DerivedData/ 12 | Icon? 13 | **/Pods/ 14 | **/.symlinks/ 15 | profile 16 | xcuserdata 17 | **/.generated/ 18 | Flutter/App.framework 19 | Flutter/Flutter.framework 20 | Flutter/Flutter.podspec 21 | Flutter/Generated.xcconfig 22 | Flutter/ephemeral/ 23 | Flutter/app.flx 24 | Flutter/app.zip 25 | Flutter/flutter_assets/ 26 | Flutter/flutter_export_environment.sh 27 | ServiceDefinitions.json 28 | Runner/GeneratedPluginRegistrant.* 29 | 30 | # Exceptions to above rules. 31 | !default.mode1v3 32 | !default.mode2v3 33 | !default.pbxuser 34 | !default.perspectivev3 35 | -------------------------------------------------------------------------------- /ios/Flutter/AppFrameworkInfo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | App 9 | CFBundleIdentifier 10 | io.flutter.flutter.app 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | App 15 | CFBundlePackageType 16 | FMWK 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | MinimumOSVersion 24 | 11.0 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Flutter/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 37 | 38 | 39 | 40 | 41 | 42 | 52 | 54 | 60 | 61 | 62 | 63 | 69 | 71 | 77 | 78 | 79 | 80 | 82 | 83 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | import Flutter 3 | 4 | @UIApplicationMain 5 | @objc class AppDelegate: FlutterAppDelegate { 6 | override func application( 7 | _ application: UIApplication, 8 | didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? 9 | ) -> Bool { 10 | GeneratedPluginRegistrant.register(with: self) 11 | return super.application(application, didFinishLaunchingWithOptions: launchOptions) 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "Icon-App-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "Icon-App-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "Icon-App-29x29@1x.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "Icon-App-29x29@2x.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "29x29", 29 | "idiom" : "iphone", 30 | "filename" : "Icon-App-29x29@3x.png", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "Icon-App-40x40@2x.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "40x40", 41 | "idiom" : "iphone", 42 | "filename" : "Icon-App-40x40@3x.png", 43 | "scale" : "3x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "Icon-App-60x60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "Icon-App-60x60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "Icon-App-20x20@1x.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "20x20", 65 | "idiom" : "ipad", 66 | "filename" : "Icon-App-20x20@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "Icon-App-29x29@1x.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "29x29", 77 | "idiom" : "ipad", 78 | "filename" : "Icon-App-29x29@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "Icon-App-40x40@1x.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "40x40", 89 | "idiom" : "ipad", 90 | "filename" : "Icon-App-40x40@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "Icon-App-76x76@1x.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "76x76", 101 | "idiom" : "ipad", 102 | "filename" : "Icon-App-76x76@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "83.5x83.5", 107 | "idiom" : "ipad", 108 | "filename" : "Icon-App-83.5x83.5@2x.png", 109 | "scale" : "2x" 110 | }, 111 | { 112 | "size" : "1024x1024", 113 | "idiom" : "ios-marketing", 114 | "filename" : "Icon-App-1024x1024@1x.png", 115 | "scale" : "1x" 116 | } 117 | ], 118 | "info" : { 119 | "version" : 1, 120 | "author" : "xcode" 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "LaunchImage.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "LaunchImage@2x.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "LaunchImage@3x.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md: -------------------------------------------------------------------------------- 1 | # Launch Screen Assets 2 | 3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory. 4 | 5 | You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images. -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleDisplayName 8 | Portfolio 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | portfolio 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(FLUTTER_BUILD_NAME) 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | $(FLUTTER_BUILD_NUMBER) 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIMainStoryboardFile 30 | Main 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UISupportedInterfaceOrientations~ipad 38 | 39 | UIInterfaceOrientationPortrait 40 | UIInterfaceOrientationPortraitUpsideDown 41 | UIInterfaceOrientationLandscapeLeft 42 | UIInterfaceOrientationLandscapeRight 43 | 44 | UIViewControllerBasedStatusBarAppearance 45 | 46 | CADisableMinimumFrameDurationOnPhone 47 | 48 | UIApplicationSupportsIndirectInputEvents 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /ios/Runner/Runner-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | #import "GeneratedPluginRegistrant.h" 2 | -------------------------------------------------------------------------------- /lib/bloc_observer.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | class MyBlocObserver extends BlocObserver { 5 | @override 6 | void onCreate(BlocBase bloc) { 7 | super.onCreate(bloc); 8 | debugPrint('onCreate -- ${bloc.runtimeType}'); 9 | } 10 | 11 | @override 12 | void onChange(BlocBase bloc, Change change) { 13 | super.onChange(bloc, change); 14 | debugPrint('onChange -- ${bloc.runtimeType}, $change'); 15 | } 16 | 17 | @override 18 | void onError(BlocBase bloc, Object error, StackTrace stackTrace) { 19 | debugPrint('onError -- ${bloc.runtimeType}, $error'); 20 | super.onError(bloc, error, stackTrace); 21 | } 22 | 23 | @override 24 | void onClose(BlocBase bloc) { 25 | super.onClose(bloc); 26 | debugPrint('onClose -- ${bloc.runtimeType}'); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /lib/config/theme_manager.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../core/utils/app_colors.dart'; 4 | import '../core/utils/app_styles.dart'; 5 | 6 | abstract class CustomTheme { 7 | static ThemeData lightTheme() => ThemeData.light(); 8 | static ThemeData darkTheme() => ThemeData( 9 | primaryColor: AppColors.primaryColor, 10 | highlightColor: AppColors.secondaryColor, 11 | scaffoldBackgroundColor: AppColors.scaffoldColor, 12 | fontFamily: 'Poppins', 13 | inputDecorationTheme: InputDecorationTheme( 14 | fillColor: AppColors.primaryLight, 15 | filled: true, 16 | labelStyle: AppStyles.s14, 17 | enabledBorder: OutlineInputBorder( 18 | borderSide: BorderSide(color: AppColors.lowPriority), 19 | ), 20 | focusedBorder: OutlineInputBorder( 21 | borderSide: BorderSide(color: AppColors.primaryColor), 22 | ), 23 | ), 24 | ); 25 | } 26 | -------------------------------------------------------------------------------- /lib/core/utils/app_assets.dart: -------------------------------------------------------------------------------- 1 | const _basePath = 'assets/images'; 2 | 3 | abstract class AppAssets { 4 | static const devImg = '$_basePath/dev_img.png'; 5 | static const androidLogo = '$_basePath/android.svg'; 6 | static const scrappingLogo = '$_basePath/slider.svg'; 7 | static const uiDesignLogo = '$_basePath/ruler.svg'; 8 | } 9 | -------------------------------------------------------------------------------- /lib/core/utils/app_colors.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | abstract class AppColors { 4 | static Color white = const Color(0xffffffff); 5 | static Color lightColor = const Color(0xffF5F5F5); 6 | static Color lowPriority = const Color(0xff848191); 7 | static Color primaryColor = const Color(0xff7562E0); 8 | static Color secondaryColor = const Color(0xff282162); 9 | static Color darkColor = const Color(0xff000036); 10 | static Color scaffoldColor = const Color(0xff1A1A29); 11 | static Color appBarColor = const Color(0xff181824); 12 | static Color primaryLight = const Color(0xff31313F); 13 | } 14 | -------------------------------------------------------------------------------- /lib/core/utils/app_constants.dart: -------------------------------------------------------------------------------- 1 | import '../../data/models/custom_service.dart'; 2 | import '../../data/models/project.dart'; 3 | import 'app_assets.dart'; 4 | 5 | abstract class AppConstants { 6 | static const double appBarHeight = 80; 7 | static const List services = [ 8 | CustomService( 9 | service: 'MOBILE DEVELOPMENT', 10 | logo: AppAssets.androidLogo, 11 | description: 12 | 'I am a Junior mobile developer. I have experience using Dart and Flutter Framework.', 13 | ), 14 | CustomService( 15 | service: 'UI & UX DESIGNING', 16 | logo: AppAssets.uiDesignLogo, 17 | description: 18 | 'I design beautiful web interfaces with Figma and Adobe XD. I design beautiful web interfaces with Figma and Adobe XD.', 19 | ), 20 | CustomService( 21 | service: 'WEB SCRAPING', 22 | logo: AppAssets.scrappingLogo, 23 | description: 24 | 'I can collect content and data from the internet then manipulate and analyze as needed.', 25 | ), 26 | ]; 27 | static const List projects = [ 28 | Project( 29 | name: 'Live score', 30 | imageUrl: 31 | 'https://drive.google.com/uc?id=1ITN6reINiIaM-6j3QqxrwtvADZgLNvwB', 32 | description: 33 | 'A football application to display all related matches and rankings in all international and local tournaments', 34 | githubRepoLink: 'https://github.com/radyhaggag/live_score', 35 | previewLink: 'https://youtu.be/HSIosFd6Sys', 36 | ), 37 | Project( 38 | name: 'Instagram clone', 39 | imageUrl: 40 | 'https://drive.google.com/uc?id=1qNFCNYdUo7o36ythQtjaSrv7L0NV_Vnv', 41 | description: 42 | 'Social media application for share posts and stories with people, One-to-one chat, Share reels videos', 43 | githubRepoLink: 44 | 'https://github.com/radyhaggag/Instagram-Clone-With-Clean-Architecture', 45 | previewLink: 'https://youtu.be/MuuVjqrR49g', 46 | ), 47 | Project( 48 | name: 'TikTok Downloader', 49 | imageUrl: 50 | 'https://drive.google.com/uc?id=1SypuIPVdokg0O4DYoYdswRowlIJAGgIq', 51 | description: 52 | 'An application for download videos from tiktok and save it to gallery.', 53 | githubRepoLink: 'https://github.com/radyhaggag/tiktok_downloader', 54 | previewLink: 'https://youtu.be/mWeA625pcrI', 55 | ), 56 | Project( 57 | name: 'Bookly', 58 | imageUrl: 59 | 'https://drive.google.com/uc?id=1yQtoq-wjVejWPXRI7gzGMXPUZrRob8kY', 60 | description: 'An application to explore books and view their details.', 61 | githubRepoLink: 62 | 'https://github.com/radyhaggag/bookly_app_with_mvvm_and_bloc', 63 | previewLink: 'https://youtu.be/3nU_dYjsPsg', 64 | ), 65 | Project( 66 | name: 'Image processing', 67 | imageUrl: 68 | 'https://drive.google.com/uc?id=1hd7U3HgoDqXEi9eDKYjrY9iqlWa6qt8E', 69 | description: 70 | 'An Desktop program for process images and apply some filters to them.', 71 | githubRepoLink: 72 | 'https://github.com/radyhaggag/image_processing_program_with_python_flet', 73 | previewLink: 'https://youtu.be/s1KFdBKNFig', 74 | ), 75 | Project( 76 | name: 'Salat al janazah', 77 | imageUrl: 78 | 'https://drive.google.com/uc?id=1UpCGckOS46GdTuHU4wuj7Abo_97gxe_E', 79 | description: 80 | 'An application for add janazah prayer and view the prayers for nearby people', 81 | googlePlay: 82 | 'https://play.google.com/store/apps/details?id=com.SJY.salataljanaza', 83 | previewLink: 'https://youtu.be/wK9Y9BhP190', 84 | ), 85 | Project( 86 | name: 'Ghaslah', 87 | imageUrl: 88 | 'https://drive.google.com/uc?id=1ed4H2-cH6yk_kVkDdxOLcUkgP1xpuo72', 89 | description: 90 | 'An application for add wash cars reservation with location in map and the picker will come to wash the cars', 91 | previewLink: 'https://youtu.be/gkeRSAfCZaI', 92 | ), 93 | Project( 94 | name: 'Zawilan', 95 | imageUrl: 96 | 'https://drive.google.com/uc?id=1ElTwguynMLqhS295-IE7bTTabsZGZp8s', 97 | description: 98 | 'Zwailan is an education app based on units and sections system, you start by sign up on app and wait until the teacher accept your join request.', 99 | previewLink: 'https://youtu.be/g92W-SmfkKc', 100 | googlePlay: 101 | 'https://play.google.com/store/apps/details?id=com.radyhaggag.zawilan', 102 | ), 103 | ]; 104 | } 105 | -------------------------------------------------------------------------------- /lib/core/utils/app_enums.dart: -------------------------------------------------------------------------------- 1 | enum AppBarHeaders { home, aboutMe, projects, contact } 2 | 3 | enum AppBarHeadersAxis { horizontal, vertical } 4 | 5 | enum DeviceType { 6 | mobile, 7 | ipad, 8 | smallScreenLaptop, 9 | largeScreenDesktop, 10 | extraLargeTV 11 | } 12 | -------------------------------------------------------------------------------- /lib/core/utils/app_extensions.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import 'app_enums.dart'; 4 | 5 | extension AppBarHeaderExtension on AppBarHeaders { 6 | String getString() { 7 | switch (this) { 8 | case AppBarHeaders.home: 9 | return 'Home'; 10 | case AppBarHeaders.aboutMe: 11 | return 'About me'; 12 | case AppBarHeaders.projects: 13 | return 'Projects'; 14 | case AppBarHeaders.contact: 15 | return 'Contact'; 16 | } 17 | } 18 | } 19 | 20 | extension MediaQueryExtension on BuildContext { 21 | Size get _size => MediaQuery.of(this).size; 22 | double get width => _size.width; 23 | double get height => _size.height; 24 | } 25 | 26 | extension DeviceTypeExtension on DeviceType { 27 | int getMinWidth() { 28 | switch (this) { 29 | case DeviceType.mobile: 30 | return 320; 31 | case DeviceType.ipad: 32 | return 481; 33 | case DeviceType.smallScreenLaptop: 34 | return 769; 35 | case DeviceType.largeScreenDesktop: 36 | return 1025; 37 | case DeviceType.extraLargeTV: 38 | return 1201; 39 | } 40 | } 41 | 42 | int getMaxWidth() { 43 | switch (this) { 44 | case DeviceType.mobile: 45 | return 480; 46 | case DeviceType.ipad: 47 | return 768; 48 | case DeviceType.smallScreenLaptop: 49 | return 1024; 50 | case DeviceType.largeScreenDesktop: 51 | return 1200; 52 | case DeviceType.extraLargeTV: 53 | return 3840; // any number more than 1200 54 | } 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /lib/core/utils/app_strings.dart: -------------------------------------------------------------------------------- 1 | abstract class AppStrings { 2 | static const String developerName = 'Rady Haggag'; 3 | static const String helloIM = 'Hello, i’m'; 4 | static const String introMsg = 5 | "Flutter developer with +2 years of experience. I have completed many projects that prove my ability to provide creative and high-quality solutions."; 6 | static String aboutMeMsg = 7 | "I'm a Flutter developer with a good understanding of the Flutter framework, I have experience in UI design, API integration, clean code writing and knowledge of solid principles and clean architecture. I have completed many projects that prove my ability to provide creative and high-quality solutions and finish them in an almost complete way with a great user experience without any problems facing users"; 8 | static const String numOfExperience = '2+'; 9 | static const String experienceMsg = 10 | 'Years of experience, Specialized in building apps, while ensuring a seamless web experience for end users.'; 11 | static const String servicesIOffer = 'The services i offer:'; 12 | static const String featuredProjects = 'Featured projects'; 13 | static const String projectsMsg = 14 | "I have completed many projects that prove my ability to provide creative and high-quality solutions and finish them in an almost complete way with a great user experience without any problems facing users."; 15 | static const String contactMsg = 16 | "For any service and work you can contact with me by send an email or by our social media accounts."; 17 | static const String contactWithMe = 'Contact with me'; 18 | } 19 | -------------------------------------------------------------------------------- /lib/core/utils/app_styles.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import 'app_colors.dart'; 4 | 5 | abstract class AppStyles { 6 | static TextStyle s52 = TextStyle( 7 | color: AppColors.white, 8 | fontSize: 52, 9 | fontWeight: FontWeight.w600, 10 | ); 11 | static TextStyle s32 = TextStyle( 12 | color: AppColors.primaryColor, 13 | fontSize: 32, 14 | fontWeight: FontWeight.w600, 15 | ); 16 | static TextStyle s28 = TextStyle( 17 | color: AppColors.primaryColor, 18 | fontSize: 28, 19 | fontWeight: FontWeight.w600, 20 | ); 21 | static TextStyle s24 = TextStyle( 22 | color: AppColors.white, 23 | fontSize: 24, 24 | fontWeight: FontWeight.w600, 25 | ); 26 | static TextStyle s18 = TextStyle( 27 | color: AppColors.white, 28 | fontSize: 18, 29 | fontWeight: FontWeight.w500, 30 | ); 31 | static TextStyle s17 = TextStyle( 32 | color: AppColors.white, 33 | fontSize: 17, 34 | fontWeight: FontWeight.w500, 35 | ); 36 | 37 | static TextStyle s16 = TextStyle( 38 | color: AppColors.white, 39 | fontSize: 16, 40 | fontWeight: FontWeight.w600, 41 | ); 42 | static TextStyle s14 = TextStyle( 43 | color: AppColors.white, 44 | fontSize: 14, 45 | fontWeight: FontWeight.w500, 46 | ); 47 | } 48 | -------------------------------------------------------------------------------- /lib/core/utils/social_links.dart: -------------------------------------------------------------------------------- 1 | abstract class SocialLinks { 2 | static const String facebook = "https://www.facebook.com/radyhaggag5"; 3 | static const String twitter = "https://twitter.com/RadyHaggag5"; 4 | static const String instagram = "https://www.instagram.com/radyhaggag5"; 5 | static const String linkedin = "https://www.linkedin.com/in/radyhaggag"; 6 | } 7 | -------------------------------------------------------------------------------- /lib/core/widgets/custom_button.dart: -------------------------------------------------------------------------------- 1 | import 'package:auto_size_text/auto_size_text.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | import '../utils/app_colors.dart'; 5 | import '../utils/app_styles.dart'; 6 | 7 | class CustomButton extends StatelessWidget { 8 | const CustomButton({ 9 | super.key, 10 | this.height, 11 | required this.label, 12 | this.icon, 13 | this.backgroundColor, 14 | this.borderColor, 15 | this.onPressed, 16 | this.width, 17 | }); 18 | 19 | final Function()? onPressed; 20 | final Color? backgroundColor; 21 | final Color? borderColor; 22 | final double? height; 23 | final IconData? icon; 24 | final String label; 25 | final double? width; 26 | 27 | @override 28 | Widget build(BuildContext context) { 29 | return SizedBox( 30 | height: height ?? 48, 31 | width: width, 32 | child: OutlinedButton( 33 | onPressed: onPressed, 34 | style: ElevatedButton.styleFrom( 35 | side: borderColor == null ? null : BorderSide(color: borderColor!), 36 | backgroundColor: backgroundColor, 37 | ), 38 | child: Row( 39 | mainAxisAlignment: MainAxisAlignment.center, 40 | children: [ 41 | Flexible( 42 | child: AutoSizeText( 43 | label, 44 | style: AppStyles.s16, 45 | textAlign: TextAlign.center, 46 | minFontSize: 8, 47 | maxLines: 1, 48 | ), 49 | ), 50 | if (icon != null) ...[ 51 | const SizedBox(width: 5), 52 | Icon( 53 | icon, 54 | size: 18, 55 | color: AppColors.white, 56 | ), 57 | ] 58 | ], 59 | ), 60 | ), 61 | ); 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /lib/core/widgets/custom_divider.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class CustomDivider extends StatelessWidget { 4 | const CustomDivider({ 5 | super.key, 6 | required this.width, 7 | required this.height, 8 | required this.color, 9 | }); 10 | 11 | final double width; 12 | final double height; 13 | final Color color; 14 | 15 | @override 16 | Widget build(BuildContext context) { 17 | return Container( 18 | color: color, 19 | width: width, 20 | height: height, 21 | ); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /lib/data/models/custom_service.dart: -------------------------------------------------------------------------------- 1 | class CustomService { 2 | final String service; 3 | final String logo; 4 | final String description; 5 | 6 | const CustomService({ 7 | required this.service, 8 | required this.logo, 9 | required this.description, 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /lib/data/models/project.dart: -------------------------------------------------------------------------------- 1 | class Project { 2 | final String name; 3 | final String imageUrl; 4 | final String description; 5 | final String? githubRepoLink; 6 | final String? previewLink; 7 | final String? googlePlay; 8 | 9 | const Project({ 10 | required this.name, 11 | required this.imageUrl, 12 | required this.description, 13 | this.githubRepoLink, 14 | this.previewLink, 15 | this.googlePlay, 16 | }); 17 | } 18 | -------------------------------------------------------------------------------- /lib/data/models/responsive_size.dart: -------------------------------------------------------------------------------- 1 | import '../../core/utils/app_enums.dart'; 2 | import '../../core/utils/app_extensions.dart'; 3 | 4 | class ResponsiveSize { 5 | double deviceWidth; 6 | double? mobileSize; 7 | double? ipadSize; 8 | double? smallScreenSize; 9 | double? largeScreenSize; 10 | double? extraLargeSize; 11 | 12 | ResponsiveSize({ 13 | required this.deviceWidth, 14 | this.mobileSize, 15 | this.ipadSize, 16 | this.smallScreenSize, 17 | this.largeScreenSize, 18 | this.extraLargeSize, 19 | }) { 20 | mobileSize = mobileSize ?? 21 | ipadSize ?? 22 | smallScreenSize ?? 23 | largeScreenSize ?? 24 | extraLargeSize; 25 | ipadSize = ipadSize ?? 26 | smallScreenSize ?? 27 | largeScreenSize ?? 28 | extraLargeSize ?? 29 | mobileSize; 30 | smallScreenSize = smallScreenSize ?? 31 | largeScreenSize ?? 32 | extraLargeSize ?? 33 | ipadSize ?? 34 | mobileSize; 35 | largeScreenSize = largeScreenSize ?? 36 | extraLargeSize ?? 37 | smallScreenSize ?? 38 | ipadSize ?? 39 | mobileSize; 40 | extraLargeSize = extraLargeSize ?? 41 | largeScreenSize ?? 42 | smallScreenSize ?? 43 | ipadSize ?? 44 | mobileSize; 45 | } 46 | 47 | double? getSize() { 48 | if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 49 | return mobileSize; 50 | } else if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 51 | return mobileSize; 52 | } else if (deviceWidth < DeviceType.ipad.getMaxWidth()) { 53 | return ipadSize; 54 | } else if (deviceWidth < DeviceType.smallScreenLaptop.getMaxWidth()) { 55 | return smallScreenSize; 56 | } else if (deviceWidth < DeviceType.largeScreenDesktop.getMaxWidth()) { 57 | return largeScreenSize; 58 | } else { 59 | return extraLargeSize; 60 | } 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /lib/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import 'bloc_observer.dart'; 5 | import 'portfolio_app.dart'; 6 | 7 | void main() { 8 | Bloc.observer = MyBlocObserver(); 9 | runApp(const PortfolioApp()); 10 | } 11 | -------------------------------------------------------------------------------- /lib/portfolio_app.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import 'config/theme_manager.dart'; 5 | import 'presentation/blocs/home_bloc/home_bloc.dart'; 6 | import 'presentation/views/home_view.dart'; 7 | 8 | class PortfolioApp extends StatelessWidget { 9 | const PortfolioApp({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return MaterialApp( 14 | debugShowCheckedModeBanner: false, 15 | theme: CustomTheme.darkTheme(), 16 | title: 'Rady Haggag', 17 | home: BlocProvider( 18 | create: (context) => HomeBloc(), 19 | child: const HomeView(), 20 | ), 21 | ); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /lib/presentation/blocs/home_bloc/home_bloc.dart: -------------------------------------------------------------------------------- 1 | import 'dart:async'; 2 | 3 | import 'package:equatable/equatable.dart'; 4 | import 'package:flutter_bloc/flutter_bloc.dart'; 5 | 6 | import '../../../core/utils/app_enums.dart'; 7 | 8 | part 'home_event.dart'; 9 | part 'home_state.dart'; 10 | 11 | class HomeBloc extends Bloc { 12 | HomeBloc() : super(HomeInitial()) { 13 | on(_changeAppBarHeadersIndex); 14 | on(_changeAppBarHeadersAxis); 15 | on(_changeAppBarHeadersColorByColor); 16 | } 17 | int _appBarHeaderIndex = 0; 18 | int get appBarHeaderIndex => _appBarHeaderIndex; 19 | 20 | FutureOr _changeAppBarHeadersIndex( 21 | ChangeAppBarHeadersIndex event, 22 | Emitter emit, 23 | ) { 24 | _appBarHeaderIndex = event.index; 25 | emit(AppBarHeadersIndexChanged(_appBarHeaderIndex)); 26 | } 27 | 28 | FutureOr _changeAppBarHeadersColorByColor( 29 | ChangeAppBarHeadersColorByColor event, 30 | Emitter emit, 31 | ) { 32 | _appBarHeaderIndex = event.index; 33 | emit(AppBarHeadersColorChangedByIndex(_appBarHeaderIndex)); 34 | } 35 | 36 | AppBarHeadersAxis _appBarHeaderAxis = AppBarHeadersAxis.horizontal; 37 | AppBarHeadersAxis get appBarHeaderAxis => _appBarHeaderAxis; 38 | 39 | FutureOr _changeAppBarHeadersAxis( 40 | ChangeAppBarHeadersAxis event, 41 | Emitter emit, 42 | ) { 43 | _appBarHeaderAxis = event.headersAxis; 44 | emit(AppBarHeadersAxisChanged(_appBarHeaderAxis)); 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /lib/presentation/blocs/home_bloc/home_event.dart: -------------------------------------------------------------------------------- 1 | part of 'home_bloc.dart'; 2 | 3 | abstract class HomeEvent extends Equatable { 4 | @override 5 | List get props => []; 6 | } 7 | 8 | class ChangeAppBarHeadersIndex extends HomeEvent { 9 | final int index; 10 | 11 | ChangeAppBarHeadersIndex(this.index); 12 | 13 | @override 14 | List get props => [index]; 15 | } 16 | 17 | class ChangeAppBarHeadersAxis extends HomeEvent { 18 | final AppBarHeadersAxis headersAxis; 19 | 20 | ChangeAppBarHeadersAxis(this.headersAxis); 21 | 22 | @override 23 | List get props => [headersAxis]; 24 | } 25 | 26 | class ChangeAppBarHeadersColorByColor extends HomeEvent { 27 | final int index; 28 | 29 | ChangeAppBarHeadersColorByColor(this.index); 30 | 31 | @override 32 | List get props => [index]; 33 | } 34 | -------------------------------------------------------------------------------- /lib/presentation/blocs/home_bloc/home_state.dart: -------------------------------------------------------------------------------- 1 | part of 'home_bloc.dart'; 2 | 3 | abstract class HomeState extends Equatable { 4 | @override 5 | List get props => []; 6 | } 7 | 8 | class HomeInitial extends HomeState {} 9 | 10 | class AppBarHeadersIndexChanged extends HomeState { 11 | final int index; 12 | 13 | AppBarHeadersIndexChanged(this.index); 14 | 15 | @override 16 | List get props => [index]; 17 | } 18 | 19 | class AppBarHeadersAxisChanged extends HomeState { 20 | final AppBarHeadersAxis headersAxis; 21 | 22 | AppBarHeadersAxisChanged(this.headersAxis); 23 | 24 | @override 25 | List get props => [headersAxis]; 26 | } 27 | 28 | class AppBarHeadersColorChangedByIndex extends HomeState { 29 | final int index; 30 | 31 | AppBarHeadersColorChangedByIndex(this.index); 32 | 33 | @override 34 | List get props => [index]; 35 | } 36 | -------------------------------------------------------------------------------- /lib/presentation/views/home_view.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import '../widgets/body/home_body.dart'; 3 | import '../widgets/app_bar/home_app_bar.dart'; 4 | 5 | class HomeView extends StatelessWidget { 6 | const HomeView({super.key}); 7 | 8 | @override 9 | Widget build(BuildContext context) { 10 | return const Scaffold( 11 | appBar: HomeAppBar(), 12 | body: HomeBody(), 13 | ); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/custom_header_btn.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | import '../../../core/utils/app_extensions.dart'; 4 | 5 | import '../../../core/utils/app_colors.dart'; 6 | import '../../../core/utils/app_enums.dart'; 7 | import '../../../core/utils/app_styles.dart'; 8 | import '../../blocs/home_bloc/home_bloc.dart'; 9 | 10 | class CustomHeaderBtn extends StatelessWidget { 11 | const CustomHeaderBtn({super.key, required this.headerIndex}); 12 | 13 | final int headerIndex; 14 | 15 | @override 16 | Widget build(BuildContext context) { 17 | return TextButton( 18 | onPressed: () { 19 | context.read().add(ChangeAppBarHeadersIndex(headerIndex)); 20 | }, 21 | style: TextButton.styleFrom( 22 | textStyle: AppStyles.s16, 23 | foregroundColor: _getHeaderColor( 24 | currentIndex: context.read().appBarHeaderIndex, 25 | headerIndex: headerIndex, 26 | ), 27 | ), 28 | child: Padding( 29 | padding: const EdgeInsets.symmetric( 30 | horizontal: 18, 31 | vertical: 26, 32 | ), 33 | child: Text( 34 | AppBarHeaders.values[headerIndex].getString(), 35 | ), 36 | ), 37 | ); 38 | } 39 | 40 | Color _getHeaderColor({required currentIndex, required int headerIndex}) { 41 | if (currentIndex == headerIndex) { 42 | return AppColors.primaryColor; 43 | } else { 44 | return AppColors.white; 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/custom_menu_btn.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import '../../../core/utils/app_enums.dart'; 5 | import '../../blocs/home_bloc/home_bloc.dart'; 6 | 7 | class CustomMenuBtn extends StatelessWidget { 8 | const CustomMenuBtn({super.key}); 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | return BlocBuilder( 13 | builder: (context, state) { 14 | return SizedBox( 15 | width: 40, 16 | child: AnimatedCrossFade( 17 | crossFadeState: _getCrossFadeState(context), 18 | firstChild: TextButton( 19 | onPressed: () => _menuBtnClicked(context), 20 | child: const Icon(Icons.menu), 21 | ), 22 | secondChild: TextButton( 23 | onPressed: () => _closeBtnClicked(context), 24 | child: const Icon(Icons.close), 25 | ), 26 | duration: const Duration(milliseconds: 200), 27 | ), 28 | ); 29 | }, 30 | ); 31 | } 32 | 33 | _menuBtnClicked(BuildContext context) { 34 | context.read().add( 35 | ChangeAppBarHeadersAxis(AppBarHeadersAxis.vertical), 36 | ); 37 | } 38 | 39 | _closeBtnClicked(BuildContext context) { 40 | context.read().add( 41 | ChangeAppBarHeadersAxis(AppBarHeadersAxis.horizontal), 42 | ); 43 | } 44 | 45 | CrossFadeState _getCrossFadeState(BuildContext context) { 46 | final currentHeaderAxis = context.read().appBarHeaderAxis; 47 | return currentHeaderAxis == AppBarHeadersAxis.horizontal 48 | ? CrossFadeState.showFirst 49 | : CrossFadeState.showSecond; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/developer_name_btn.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:universal_html/html.dart' as html; 3 | 4 | import '../../../core/utils/app_enums.dart'; 5 | import '../../../core/utils/app_extensions.dart'; 6 | import '../../../core/utils/app_strings.dart'; 7 | import '../../../core/utils/app_styles.dart'; 8 | 9 | class DeveloperNameBtn extends StatelessWidget { 10 | const DeveloperNameBtn({super.key}); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return InkWell( 15 | onTap: () { 16 | html.window.location.reload(); 17 | }, 18 | child: Padding( 19 | padding: const EdgeInsets.symmetric(vertical: 13), 20 | child: SizedBox( 21 | width: context.width < DeviceType.ipad.getMaxWidth() 22 | ? context.width * .5 23 | : context.width * .2, 24 | child: FittedBox( 25 | alignment: Alignment.topLeft, 26 | child: Text( 27 | AppStrings.developerName, 28 | style: AppStyles.s28, 29 | ), 30 | ), 31 | ), 32 | ), 33 | ); 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/headers_section.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../core/utils/app_extensions.dart'; 4 | import 'custom_menu_btn.dart'; 5 | import 'horizontal_headers.dart'; 6 | 7 | class HeadersSection extends StatelessWidget { 8 | const HeadersSection({super.key}); 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | if (context.width > 768) { 13 | return const HorizontalHeaders(); 14 | } else { 15 | return const CustomMenuBtn(); 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/home_app_bar.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../core/utils/app_colors.dart'; 4 | import '../../../core/utils/app_constants.dart'; 5 | import '../../../core/utils/app_enums.dart'; 6 | import '../../../core/utils/app_extensions.dart'; 7 | import 'custom_menu_btn.dart'; 8 | import 'developer_name_btn.dart'; 9 | import 'horizontal_headers.dart'; 10 | 11 | class HomeAppBar extends StatelessWidget implements PreferredSizeWidget { 12 | const HomeAppBar({super.key}); 13 | 14 | @override 15 | Size get preferredSize => const Size.fromHeight(AppConstants.appBarHeight); 16 | 17 | @override 18 | Widget build(BuildContext context) { 19 | return Container( 20 | color: AppColors.appBarColor, 21 | padding: EdgeInsets.symmetric( 22 | horizontal: _getHorizontalPadding(context), 23 | ), 24 | child: Row( 25 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 26 | children: [ 27 | const DeveloperNameBtn(), 28 | context.width > DeviceType.ipad.getMaxWidth() 29 | ? const HorizontalHeaders() 30 | : const CustomMenuBtn() 31 | ], 32 | ), 33 | ); 34 | } 35 | 36 | double _getHorizontalPadding(BuildContext context) { 37 | if (context.width < DeviceType.ipad.getMaxWidth()) { 38 | return context.width * .03; 39 | } else { 40 | return context.width * .08; 41 | } 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/horizontal_headers.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import '../../../core/utils/app_enums.dart'; 5 | import '../../blocs/home_bloc/home_bloc.dart'; 6 | import 'custom_header_btn.dart'; 7 | 8 | class HorizontalHeaders extends StatelessWidget { 9 | const HorizontalHeaders({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return BlocBuilder( 14 | builder: (context, state) { 15 | return Row( 16 | children: List.generate( 17 | AppBarHeaders.values.length, 18 | (index) => CustomHeaderBtn(headerIndex: index), 19 | ), 20 | ); 21 | }, 22 | ); 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/vertical_headers.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import '../../../core/utils/app_enums.dart'; 5 | import '../../../core/utils/app_extensions.dart'; 6 | import '../../blocs/home_bloc/home_bloc.dart'; 7 | import 'custom_header_btn.dart'; 8 | 9 | class VerticalHeaders extends StatelessWidget { 10 | const VerticalHeaders({super.key}); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return BlocBuilder( 15 | builder: (context, state) { 16 | if (context.width > DeviceType.ipad.getMaxWidth()) { 17 | return const SizedBox(); 18 | } 19 | return SizedBox( 20 | width: context.width, 21 | child: Column( 22 | mainAxisSize: MainAxisSize.min, 23 | children: List.generate( 24 | AppBarHeaders.values.length, 25 | (index) => SizedBox( 26 | width: context.width, 27 | child: CustomHeaderBtn(headerIndex: index), 28 | ), 29 | ), 30 | ), 31 | ); 32 | }, 33 | ); 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /lib/presentation/widgets/app_bar/vertical_headers_builder.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import '../../../core/utils/app_colors.dart'; 5 | import '../../../core/utils/app_enums.dart'; 6 | import '../../blocs/home_bloc/home_bloc.dart'; 7 | import 'vertical_headers.dart'; 8 | 9 | class VerticalHeadersBuilder extends StatelessWidget { 10 | const VerticalHeadersBuilder({super.key}); 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return BlocBuilder( 15 | builder: (context, state) { 16 | return AnimatedCrossFade( 17 | sizeCurve: Curves.bounceInOut, 18 | alignment: Alignment.topCenter, 19 | crossFadeState: _getCrossFadeState(context), 20 | firstChild: Container( 21 | color: AppColors.appBarColor, 22 | child: const VerticalHeaders(), 23 | ), 24 | secondChild: Container(), 25 | duration: const Duration(milliseconds: 200), 26 | ); 27 | }, 28 | ); 29 | } 30 | 31 | CrossFadeState _getCrossFadeState(BuildContext context) { 32 | final currentHeaderAxis = context.read().appBarHeaderAxis; 33 | return currentHeaderAxis == AppBarHeadersAxis.horizontal 34 | ? CrossFadeState.showSecond 35 | : CrossFadeState.showFirst; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/about_me_intro.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_extensions.dart'; 4 | import '../../../../core/utils/app_enums.dart'; 5 | import '../../../../core/utils/app_strings.dart'; 6 | import '../../../../core/utils/app_styles.dart'; 7 | 8 | class AboutMeIntro extends StatelessWidget { 9 | const AboutMeIntro({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Column( 14 | crossAxisAlignment: CrossAxisAlignment.start, 15 | children: [ 16 | FittedBox( 17 | child: Text( 18 | AppBarHeaders.aboutMe.getString(), 19 | style: AppStyles.s32, 20 | ), 21 | ), 22 | const SizedBox(height: 8), 23 | Text( 24 | AppStrings.aboutMeMsg, 25 | style: context.width < DeviceType.mobile.getMaxWidth() 26 | ? AppStyles.s14 27 | : AppStyles.s18, 28 | softWrap: true, 29 | ), 30 | ], 31 | ); 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/about_me_section.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_colors.dart'; 4 | import '../../../../core/utils/app_extensions.dart'; 5 | import '../../../../core/widgets/custom_divider.dart'; 6 | import 'about_me_intro.dart'; 7 | import 'basic_services_grid.dart'; 8 | import 'detailed_services_section.dart'; 9 | import 'experience_info.dart'; 10 | 11 | class AboutMeSection extends StatelessWidget { 12 | const AboutMeSection({super.key}); 13 | 14 | @override 15 | Widget build(BuildContext context) { 16 | return Padding( 17 | padding: const EdgeInsets.only(bottom: 80), 18 | child: Column( 19 | crossAxisAlignment: CrossAxisAlignment.start, 20 | children: [ 21 | const AboutMeIntro(), 22 | const SizedBox(height: 8), 23 | Center( 24 | child: CustomDivider( 25 | color: AppColors.white, 26 | width: context.width / 4, 27 | height: 2, 28 | ), 29 | ), 30 | const SizedBox(height: 8), 31 | const ExperienceInfo(), 32 | const SizedBox(height: 58), 33 | const BasicServicesGrid(), 34 | const SizedBox(height: 80), 35 | const DetailedServicesSection(), 36 | ], 37 | ), 38 | ); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/basic_service_item.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_svg/svg.dart'; 3 | 4 | import '../../../../core/utils/app_colors.dart'; 5 | import '../../../../core/utils/app_enums.dart'; 6 | import '../../../../core/utils/app_extensions.dart'; 7 | import '../../../../core/utils/app_styles.dart'; 8 | import '../../../../data/models/custom_service.dart'; 9 | 10 | class BasicServiceItem extends StatefulWidget { 11 | const BasicServiceItem({super.key, required this.service}); 12 | 13 | final CustomService service; 14 | 15 | @override 16 | State createState() => _BasicServiceItemState(); 17 | } 18 | 19 | class _BasicServiceItemState extends State { 20 | Color itemColor = AppColors.lowPriority; 21 | 22 | @override 23 | Widget build(BuildContext context) { 24 | return Container( 25 | padding: const EdgeInsets.all(10), 26 | color: itemColor, 27 | child: MouseRegion( 28 | onEnter: _onEnter, 29 | onExit: _onExit, 30 | child: Column( 31 | crossAxisAlignment: CrossAxisAlignment.center, 32 | mainAxisAlignment: MainAxisAlignment.center, 33 | children: [ 34 | SvgPicture.asset( 35 | widget.service.logo, 36 | height: 48, 37 | ), 38 | const SizedBox(height: 16), 39 | if (context.width > DeviceType.mobile.getMinWidth()) 40 | FittedBox( 41 | child: Text( 42 | widget.service.service, 43 | style: AppStyles.s24, 44 | // minFontSize: 8, 45 | textAlign: TextAlign.center, 46 | ), 47 | ), 48 | ], 49 | ), 50 | ), 51 | ); 52 | } 53 | 54 | void _onExit(event) { 55 | setState(() => itemColor = AppColors.lowPriority); 56 | } 57 | 58 | void _onEnter(event) { 59 | setState(() => itemColor = AppColors.primaryColor); 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/basic_services_grid.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_constants.dart'; 4 | import '../../../../core/utils/app_enums.dart'; 5 | import '../../../../core/utils/app_extensions.dart'; 6 | import 'basic_service_item.dart'; 7 | 8 | class BasicServicesGrid extends StatelessWidget { 9 | const BasicServicesGrid({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return GridView.builder( 14 | shrinkWrap: true, 15 | physics: const NeverScrollableScrollPhysics(), 16 | gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( 17 | crossAxisCount: _getCrossAxisCount(context.width), 18 | crossAxisSpacing: 16, 19 | childAspectRatio: _getAspectRatio(context.width), 20 | mainAxisSpacing: 16, 21 | ), 22 | itemBuilder: (context, index) { 23 | return BasicServiceItem( 24 | service: AppConstants.services[index], 25 | ); 26 | }, 27 | itemCount: AppConstants.services.length, 28 | ); 29 | } 30 | 31 | int _getCrossAxisCount(double deviceWidth) { 32 | int numOfServices = AppConstants.services.length; 33 | if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 34 | return 1; 35 | } else if (deviceWidth < DeviceType.ipad.getMaxWidth()) { 36 | return 2; 37 | } else if (deviceWidth < DeviceType.smallScreenLaptop.getMaxWidth()) { 38 | return 3; 39 | } else { 40 | return numOfServices > 4 ? 4 : numOfServices; 41 | } 42 | } 43 | 44 | double _getAspectRatio(double deviceWidth) { 45 | if (deviceWidth < DeviceType.mobile.getMinWidth()) { 46 | return 1.1; 47 | } else if (deviceWidth < DeviceType.ipad.getMinWidth()) { 48 | return 1.4; 49 | } else if (deviceWidth < DeviceType.smallScreenLaptop.getMaxWidth()) { 50 | return 1.5; 51 | } else { 52 | return 1.6; 53 | } 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/detailed_service_item.dart: -------------------------------------------------------------------------------- 1 | import 'package:auto_size_text/auto_size_text.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:flutter_svg/svg.dart'; 4 | 5 | import '../../../../core/utils/app_colors.dart'; 6 | import '../../../../core/utils/app_enums.dart'; 7 | import '../../../../core/utils/app_extensions.dart'; 8 | import '../../../../core/utils/app_styles.dart'; 9 | import '../../../../data/models/custom_service.dart'; 10 | 11 | class DetailedServiceItem extends StatefulWidget { 12 | const DetailedServiceItem({super.key, required this.service}); 13 | 14 | final CustomService service; 15 | 16 | @override 17 | State createState() => _DetailedServiceItemState(); 18 | } 19 | 20 | class _DetailedServiceItemState extends State { 21 | Color itemColor = AppColors.white; 22 | 23 | @override 24 | Widget build(BuildContext context) { 25 | return Container( 26 | padding: const EdgeInsets.symmetric( 27 | horizontal: 15, 28 | vertical: 10, 29 | ), 30 | decoration: BoxDecoration( 31 | border: Border.all( 32 | color: itemColor, 33 | width: 3, 34 | ), 35 | borderRadius: BorderRadius.circular(16), 36 | ), 37 | child: MouseRegion( 38 | onEnter: _onEnter, 39 | onExit: _onExit, 40 | child: Column( 41 | crossAxisAlignment: CrossAxisAlignment.center, 42 | mainAxisAlignment: MainAxisAlignment.center, 43 | children: [ 44 | SvgPicture.asset( 45 | widget.service.logo, 46 | height: context.width < DeviceType.mobile.getMinWidth() ? 40 : 56, 47 | ), 48 | const SizedBox(height: 16), 49 | FittedBox( 50 | child: Text( 51 | widget.service.service, 52 | style: AppStyles.s24.copyWith(color: itemColor), 53 | textAlign: TextAlign.center, 54 | ), 55 | ), 56 | if (context.width > DeviceType.mobile.getMinWidth()) ...[ 57 | const SizedBox(height: 16), 58 | Flexible( 59 | child: AutoSizeText( 60 | widget.service.description, 61 | style: AppStyles.s17, 62 | minFontSize: 8, 63 | textAlign: TextAlign.center, 64 | ), 65 | ), 66 | ] 67 | ], 68 | ), 69 | ), 70 | ); 71 | } 72 | 73 | void _onExit(event) { 74 | setState(() => itemColor = AppColors.white); 75 | } 76 | 77 | void _onEnter(event) { 78 | setState(() => itemColor = AppColors.primaryColor); 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/detailed_services_grid.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_constants.dart'; 4 | import '../../../../core/utils/app_enums.dart'; 5 | import '../../../../core/utils/app_extensions.dart'; 6 | import 'detailed_service_item.dart'; 7 | 8 | class DetailedServicesGrid extends StatelessWidget { 9 | const DetailedServicesGrid({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return GridView.builder( 14 | shrinkWrap: true, 15 | physics: const NeverScrollableScrollPhysics(), 16 | gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( 17 | crossAxisCount: _getCrossAxisCount(context.width), 18 | crossAxisSpacing: 16, 19 | mainAxisSpacing: 16, 20 | ), 21 | itemBuilder: (context, index) { 22 | return DetailedServiceItem( 23 | service: AppConstants.services[index], 24 | ); 25 | }, 26 | itemCount: AppConstants.services.length, 27 | ); 28 | } 29 | 30 | int _getCrossAxisCount(double deviceWidth) { 31 | int numOfServices = AppConstants.services.length; 32 | if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 33 | return 1; 34 | } else if (deviceWidth < DeviceType.ipad.getMaxWidth()) { 35 | return 2; 36 | } else if (deviceWidth < DeviceType.smallScreenLaptop.getMaxWidth()) { 37 | return 3; 38 | } else { 39 | return numOfServices > 3 ? 3 : numOfServices; 40 | } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/detailed_services_section.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_strings.dart'; 4 | import '../../../../core/utils/app_styles.dart'; 5 | 6 | import 'detailed_services_grid.dart'; 7 | 8 | class DetailedServicesSection extends StatelessWidget { 9 | const DetailedServicesSection({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Column( 14 | crossAxisAlignment: CrossAxisAlignment.start, 15 | children: [ 16 | FittedBox( 17 | child: Text( 18 | AppStrings.servicesIOffer, 19 | style: AppStyles.s32, 20 | ), 21 | ), 22 | const SizedBox(height: 32), 23 | const DetailedServicesGrid(), 24 | ], 25 | ); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/about_me/experience_info.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_enums.dart'; 4 | import '../../../../core/utils/app_extensions.dart'; 5 | import '../../../../core/utils/app_strings.dart'; 6 | import '../../../../core/utils/app_styles.dart'; 7 | 8 | class ExperienceInfo extends StatelessWidget { 9 | const ExperienceInfo({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Row( 14 | children: [ 15 | Text( 16 | AppStrings.numOfExperience, 17 | style: context.width < DeviceType.mobile.getMaxWidth() 18 | ? AppStyles.s32.copyWith(fontSize: 48) 19 | : AppStyles.s32.copyWith(fontSize: 96), 20 | ), 21 | const SizedBox(width: 20), 22 | Flexible( 23 | child: Text( 24 | AppStrings.experienceMsg, 25 | style: _getExpMsgStyle(context.width), 26 | softWrap: true, 27 | ), 28 | ), 29 | ], 30 | ); 31 | } 32 | 33 | _getExpMsgStyle(double deviceWidth) { 34 | if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 35 | return AppStyles.s16.copyWith(fontWeight: FontWeight.w500); 36 | } else if (deviceWidth < DeviceType.ipad.getMaxWidth()) { 37 | return AppStyles.s18; 38 | } else { 39 | return AppStyles.s24.copyWith(fontWeight: FontWeight.w500); 40 | } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/contact/contact_form.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_colors.dart'; 4 | import '../../../../core/utils/app_enums.dart'; 5 | import '../../../../core/utils/app_extensions.dart'; 6 | import '../../../../core/utils/app_styles.dart'; 7 | import '../../../../core/widgets/custom_button.dart'; 8 | 9 | class ContactForm extends StatefulWidget { 10 | const ContactForm({super.key}); 11 | 12 | @override 13 | State createState() => _ContactFormState(); 14 | } 15 | 16 | class _ContactFormState extends State { 17 | late GlobalKey _formKey; 18 | late TextEditingController _emailController; 19 | late TextEditingController _messageController; 20 | late TextEditingController _nameController; 21 | late TextEditingController _subjectController; 22 | 23 | @override 24 | void initState() { 25 | super.initState(); 26 | _formKey = GlobalKey(); 27 | _emailController = TextEditingController(); 28 | _messageController = TextEditingController(); 29 | _nameController = TextEditingController(); 30 | _subjectController = TextEditingController(); 31 | } 32 | 33 | @override 34 | void dispose() { 35 | _emailController.dispose(); 36 | _messageController.dispose(); 37 | _nameController.dispose(); 38 | _subjectController.dispose(); 39 | super.dispose(); 40 | } 41 | 42 | @override 43 | Widget build(BuildContext context) { 44 | return SizedBox( 45 | width: _getFormWidth(context.width), 46 | child: Form( 47 | key: _formKey, 48 | child: Column( 49 | crossAxisAlignment: CrossAxisAlignment.center, 50 | children: [ 51 | TextFormField( 52 | controller: _nameController, 53 | style: AppStyles.s14, 54 | decoration: const InputDecoration(labelText: 'Name'), 55 | ), 56 | const SizedBox(height: 12), 57 | TextFormField( 58 | controller: _emailController, 59 | style: AppStyles.s14, 60 | decoration: const InputDecoration(labelText: 'E-mail'), 61 | ), 62 | const SizedBox(height: 12), 63 | TextFormField( 64 | controller: _subjectController, 65 | style: AppStyles.s14, 66 | decoration: const InputDecoration(labelText: 'Subject'), 67 | ), 68 | const SizedBox(height: 12), 69 | TextField( 70 | controller: _messageController, 71 | maxLines: 5, 72 | style: AppStyles.s14, 73 | decoration: const InputDecoration( 74 | labelText: 'Type a message here...', 75 | ), 76 | ), 77 | const SizedBox(height: 16), 78 | CustomButton( 79 | label: 'Submit', 80 | onPressed: () {}, 81 | backgroundColor: AppColors.primaryColor, 82 | width: _getFormWidth(context.width), 83 | ), 84 | ], 85 | ), 86 | ), 87 | ); 88 | } 89 | 90 | double _getFormWidth(double deviceWidth) { 91 | if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 92 | return deviceWidth; 93 | } else if (deviceWidth < DeviceType.ipad.getMaxWidth()) { 94 | return deviceWidth / 1.6; 95 | } else if (deviceWidth < DeviceType.smallScreenLaptop.getMaxWidth()) { 96 | return deviceWidth / 2; 97 | } else { 98 | return deviceWidth / 2.5; 99 | } 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/contact/contact_intro.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:portfolio/presentation/widgets/body/contact/social_medial_icons.dart'; 3 | 4 | import '../../../../core/utils/app_strings.dart'; 5 | import '../../../../core/utils/app_styles.dart'; 6 | 7 | class ContactIntro extends StatelessWidget { 8 | const ContactIntro({super.key}); 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | return Column( 13 | crossAxisAlignment: CrossAxisAlignment.start, 14 | children: [ 15 | FittedBox( 16 | child: Text( 17 | AppStrings.contactWithMe, 18 | style: AppStyles.s32, 19 | ), 20 | ), 21 | const SizedBox(height: 8), 22 | Text( 23 | AppStrings.contactMsg, 24 | style: AppStyles.s18, 25 | softWrap: true, 26 | ), 27 | const SizedBox(height: 8), 28 | const SocialMediaIcons(), 29 | ], 30 | ); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/contact/contact_section.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:portfolio/core/utils/app_enums.dart'; 3 | import 'package:portfolio/core/utils/app_extensions.dart'; 4 | 5 | import 'contact_intro.dart'; 6 | import 'contact_form.dart'; 7 | 8 | class ContactSection extends StatelessWidget { 9 | const ContactSection({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return Padding( 14 | padding: const EdgeInsets.only(bottom: 80), 15 | child: context.width > DeviceType.ipad.getMaxWidth() 16 | ? const Row( 17 | crossAxisAlignment: CrossAxisAlignment.start, 18 | children: [ 19 | Expanded( 20 | child: ContactIntro(), 21 | ), 22 | SizedBox(width: 32), 23 | Expanded(child: ContactForm()), 24 | ], 25 | ) 26 | : const Column( 27 | crossAxisAlignment: CrossAxisAlignment.center, 28 | children: [ 29 | ContactIntro(), 30 | SizedBox(height: 32), 31 | ContactForm(), 32 | ], 33 | ), 34 | ); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/contact/social_medial_icons.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:font_awesome_flutter/font_awesome_flutter.dart'; 3 | import 'package:universal_html/html.dart' as html; 4 | 5 | import '../../../../core/utils/app_colors.dart'; 6 | import '../../../../core/utils/social_links.dart'; 7 | 8 | class SocialMediaIcons extends StatelessWidget { 9 | const SocialMediaIcons({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return const Wrap( 14 | children: [ 15 | SocialMediaIconBtn( 16 | icon: FontAwesomeIcons.facebook, 17 | link: SocialLinks.facebook, 18 | ), 19 | SocialMediaIconBtn( 20 | icon: FontAwesomeIcons.instagram, 21 | link: SocialLinks.instagram, 22 | ), 23 | SocialMediaIconBtn( 24 | icon: FontAwesomeIcons.linkedinIn, 25 | link: SocialLinks.linkedin, 26 | ), 27 | SocialMediaIconBtn( 28 | icon: FontAwesomeIcons.twitter, 29 | link: SocialLinks.twitter, 30 | ), 31 | ], 32 | ); 33 | } 34 | } 35 | 36 | class SocialMediaIconBtn extends StatelessWidget { 37 | const SocialMediaIconBtn({super.key, required this.icon, this.link}); 38 | final IconData icon; 39 | final String? link; 40 | 41 | @override 42 | Widget build(BuildContext context) { 43 | return TextButton( 44 | style: IconButton.styleFrom( 45 | shape: const CircleBorder(), 46 | padding: const EdgeInsets.all(15), 47 | ), 48 | onPressed: () { 49 | html.window.open(link!, '_blank'); 50 | }, 51 | child: Icon( 52 | icon, 53 | color: AppColors.primaryColor, 54 | size: 32, 55 | ), 56 | ); 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/home_body.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import '../../../core/utils/app_extensions.dart'; 5 | import '../../blocs/home_bloc/home_bloc.dart'; 6 | import '../app_bar/vertical_headers_builder.dart'; 7 | import 'about_me/about_me_section.dart'; 8 | import 'contact/contact_section.dart'; 9 | import 'intro/intro_section.dart'; 10 | import 'projects/projects_section.dart'; 11 | 12 | class HomeBody extends StatefulWidget { 13 | const HomeBody({super.key}); 14 | 15 | @override 16 | State createState() => _HomeBodyState(); 17 | } 18 | 19 | class _HomeBodyState extends State { 20 | final ScrollController _controller = ScrollController(); 21 | final introKey = GlobalKey(); 22 | final aboutKey = GlobalKey(); 23 | final projectKey = GlobalKey(); 24 | final contactKey = GlobalKey(); 25 | 26 | @override 27 | void initState() { 28 | super.initState(); 29 | 30 | WidgetsBinding.instance.addPostFrameCallback((_) { 31 | _initListenerForInteractWithHeaderIndex(); 32 | }); 33 | } 34 | 35 | void _initListenerForInteractWithHeaderIndex() { 36 | double introHeight = introKey.currentContext!.size!.height; 37 | double aboutHeight = aboutKey.currentContext!.size!.height; 38 | double projectHeight = projectKey.currentContext!.size!.height; 39 | // double contactHeight = contactKey.currentContext!.size!.height; 40 | _controller.addListener(() { 41 | double controllerHeight = _controller.offset; 42 | if (_controller.position.extentAfter == 0.0) { 43 | context.read().add(ChangeAppBarHeadersColorByColor(3)); 44 | } else if (controllerHeight < introHeight) { 45 | context.read().add(ChangeAppBarHeadersColorByColor(0)); 46 | } else if (controllerHeight < (introHeight + aboutHeight)) { 47 | context.read().add(ChangeAppBarHeadersColorByColor(1)); 48 | } else if (controllerHeight < 49 | (introHeight + aboutHeight + projectHeight)) { 50 | context.read().add(ChangeAppBarHeadersColorByColor(2)); 51 | } else { 52 | context.read().add(ChangeAppBarHeadersColorByColor(3)); 53 | } 54 | }); 55 | } 56 | 57 | @override 58 | void dispose() { 59 | _controller.dispose(); 60 | super.dispose(); 61 | } 62 | 63 | @override 64 | Widget build(BuildContext context) { 65 | return BlocListener( 66 | listener: (context, state) { 67 | if (state is AppBarHeadersIndexChanged) { 68 | Navigator.of(context).maybePop(); 69 | const duration = Duration(milliseconds: 300); 70 | if (state.index == 0) { 71 | Scrollable.ensureVisible( 72 | introKey.currentContext!, 73 | duration: duration, 74 | ); 75 | } 76 | if (state.index == 1) { 77 | Scrollable.ensureVisible( 78 | aboutKey.currentContext!, 79 | duration: duration, 80 | ); 81 | } 82 | if (state.index == 2) { 83 | Scrollable.ensureVisible( 84 | projectKey.currentContext!, 85 | duration: duration, 86 | ); 87 | } 88 | if (state.index == 3) { 89 | Scrollable.ensureVisible( 90 | contactKey.currentContext!, 91 | duration: duration, 92 | ); 93 | } 94 | } 95 | }, 96 | child: Stack( 97 | children: [ 98 | Padding( 99 | padding: EdgeInsets.symmetric(horizontal: context.width * .08), 100 | child: SingleChildScrollView( 101 | controller: _controller, 102 | child: Column( 103 | children: [ 104 | IntroSection(key: introKey), 105 | AboutMeSection(key: aboutKey), 106 | ProjectsSection(key: projectKey), 107 | ContactSection(key: contactKey), 108 | ], 109 | ), 110 | ), 111 | ), 112 | const VerticalHeadersBuilder(), 113 | ], 114 | ), 115 | ); 116 | } 117 | } 118 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/intro/circle_image_border.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_colors.dart'; 4 | import '../../../../core/utils/app_extensions.dart'; 5 | import '../../../../data/models/responsive_size.dart'; 6 | 7 | class CircleImageBorder extends StatelessWidget { 8 | const CircleImageBorder({super.key}); 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | final responsiveSize = ResponsiveSize( 13 | deviceWidth: context.width, 14 | mobileSize: context.width * .62, 15 | ipadSize: context.width * .4, 16 | smallScreenSize: context.width * .29, 17 | ); 18 | return Container( 19 | width: responsiveSize.getSize(), 20 | height: responsiveSize.getSize(), 21 | decoration: BoxDecoration( 22 | color: AppColors.primaryColor, 23 | shape: BoxShape.circle, 24 | ), 25 | ); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/intro/intro_actions.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:flutter_bloc/flutter_bloc.dart'; 3 | 4 | import '../../../../core/utils/app_colors.dart'; 5 | import '../../../../core/utils/app_enums.dart'; 6 | import '../../../../core/utils/app_extensions.dart'; 7 | import '../../../../core/widgets/custom_button.dart'; 8 | import '../../../blocs/home_bloc/home_bloc.dart'; 9 | 10 | class IntoActions extends StatelessWidget { 11 | const IntoActions({super.key}); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | List actions = [ 16 | CustomButton( 17 | label: AppBarHeaders.aboutMe.getString(), 18 | icon: Icons.person, 19 | backgroundColor: AppColors.primaryColor, 20 | onPressed: () { 21 | context.read().add(ChangeAppBarHeadersIndex(1)); 22 | }, 23 | width: 160, 24 | ), 25 | context.width < DeviceType.ipad.getMaxWidth() 26 | ? const SizedBox(height: 6) 27 | : const SizedBox(width: 32), 28 | CustomButton( 29 | label: AppBarHeaders.projects.getString(), 30 | icon: Icons.remove_red_eye, 31 | borderColor: AppColors.primaryColor, 32 | onPressed: () { 33 | context.read().add(ChangeAppBarHeadersIndex(2)); 34 | }, 35 | width: 160, 36 | ), 37 | ]; 38 | return context.width < DeviceType.ipad.getMaxWidth() 39 | ? Column( 40 | crossAxisAlignment: CrossAxisAlignment.start, 41 | children: actions, 42 | ) 43 | : Row( 44 | mainAxisAlignment: MainAxisAlignment.start, 45 | children: actions, 46 | ); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/intro/intro_circle_image_box.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_extensions.dart'; 4 | import '../../../../data/models/responsive_size.dart'; 5 | import 'circle_image_border.dart'; 6 | import 'intro_image.dart'; 7 | 8 | class IntroCircleImageBox extends StatelessWidget { 9 | const IntroCircleImageBox({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | final responsiveSize = ResponsiveSize( 14 | deviceWidth: context.width, 15 | mobileSize: context.width * .78, 16 | ipadSize: context.width * .50, 17 | smallScreenSize: context.width * .37, 18 | ); 19 | return SizedBox( 20 | height: responsiveSize.getSize(), 21 | child: const Stack( 22 | alignment: Alignment.centerRight, 23 | children: [ 24 | CircleImageBorder(), 25 | IntroImage(), 26 | ], 27 | ), 28 | ); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/intro/intro_image.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_assets.dart'; 4 | import '../../../../core/utils/app_extensions.dart'; 5 | import '../../../../data/models/responsive_size.dart'; 6 | 7 | class IntroImage extends StatelessWidget { 8 | const IntroImage({super.key}); 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | final responsiveSize = ResponsiveSize( 13 | deviceWidth: context.width, 14 | mobileSize: context.width * .55, 15 | ipadSize: context.width * .36, 16 | smallScreenSize: context.width * .26, 17 | ); 18 | 19 | return Positioned( 20 | // alignment: Alignment.topRight, 21 | top: 0, 22 | right: 8, 23 | child: Image.asset( 24 | AppAssets.devImg, 25 | width: responsiveSize.getSize(), 26 | height: responsiveSize.getSize(), 27 | ), 28 | ); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/intro/intro_section.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import '../../../../core/utils/app_enums.dart'; 3 | import '../../../../core/utils/app_extensions.dart'; 4 | import 'intro_circle_image_box.dart'; 5 | import 'intro_text.dart'; 6 | 7 | class IntroSection extends StatelessWidget { 8 | const IntroSection({super.key}); 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | return Padding( 13 | padding: EdgeInsets.symmetric(vertical: context.height * .12), 14 | child: context.width < DeviceType.mobile.getMaxWidth() 15 | ? const Column( 16 | crossAxisAlignment: CrossAxisAlignment.center, 17 | mainAxisAlignment: MainAxisAlignment.center, 18 | children: [ 19 | IntroCircleImageBox(), 20 | SizedBox(height: 50), 21 | IntroText(), 22 | ], 23 | ) 24 | : const Row( 25 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 26 | crossAxisAlignment: CrossAxisAlignment.center, 27 | children: [ 28 | IntroText(), 29 | IntroCircleImageBox(), 30 | ], 31 | ), 32 | ); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/intro/intro_text.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_colors.dart'; 4 | import '../../../../core/utils/app_enums.dart'; 5 | import '../../../../core/utils/app_extensions.dart'; 6 | import '../../../../core/utils/app_strings.dart'; 7 | import '../../../../core/utils/app_styles.dart'; 8 | import 'intro_actions.dart'; 9 | 10 | class IntroText extends StatelessWidget { 11 | const IntroText({super.key}); 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | return Column( 16 | crossAxisAlignment: context.width < DeviceType.mobile.getMaxWidth() 17 | ? CrossAxisAlignment.center 18 | : CrossAxisAlignment.start, 19 | children: [ 20 | Text( 21 | AppStrings.helloIM, 22 | style: context.width < DeviceType.ipad.getMaxWidth() 23 | ? AppStyles.s16 24 | : AppStyles.s32.copyWith(color: AppColors.white), 25 | textAlign: _getTextAlign(context.width), 26 | softWrap: true, 27 | ), 28 | const SizedBox(height: 6), 29 | Text( 30 | AppStrings.developerName, 31 | style: context.width < DeviceType.ipad.getMaxWidth() 32 | ? AppStyles.s24 33 | : AppStyles.s52, 34 | textAlign: _getTextAlign(context.width), 35 | softWrap: true, 36 | ), 37 | const SizedBox(height: 12), 38 | SizedBox( 39 | width: context.width < DeviceType.mobile.getMaxWidth() 40 | ? context.width - 20 41 | : context.width / 2.5, 42 | child: Text( 43 | AppStrings.introMsg, 44 | style: context.width < DeviceType.ipad.getMaxWidth() 45 | ? AppStyles.s14 46 | : AppStyles.s18, 47 | textAlign: _getTextAlign(context.width), 48 | softWrap: true, 49 | ), 50 | ), 51 | const SizedBox(height: 30), 52 | const IntoActions(), 53 | ], 54 | ); 55 | } 56 | 57 | _getTextAlign(double screenWidth) { 58 | return screenWidth < DeviceType.mobile.getMaxWidth() 59 | ? TextAlign.center 60 | : TextAlign.start; 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/projects/project_actions.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:portfolio/data/models/project.dart'; 3 | 4 | import '../../../../core/utils/app_colors.dart'; 5 | import '../../../../core/widgets/custom_button.dart'; 6 | import 'package:universal_html/html.dart' as html; 7 | 8 | class ProjectActions extends StatelessWidget { 9 | const ProjectActions({super.key, required this.project}); 10 | 11 | final Project project; 12 | 13 | @override 14 | Widget build(BuildContext context) { 15 | return Flexible( 16 | fit: FlexFit.tight, 17 | child: Row( 18 | crossAxisAlignment: CrossAxisAlignment.end, 19 | children: [ 20 | if (project.previewLink != null) 21 | Expanded( 22 | child: CustomButton( 23 | label: 'Preview', 24 | backgroundColor: AppColors.primaryColor, 25 | onPressed: () { 26 | html.window.open(project.previewLink!, '_blank'); 27 | }, 28 | ), 29 | ), 30 | if (project.githubRepoLink != null) ...[ 31 | if (project.previewLink != null) const SizedBox(width: 18), 32 | Expanded( 33 | child: CustomButton( 34 | label: 'Github', 35 | borderColor: AppColors.primaryColor, 36 | onPressed: () { 37 | html.window.open(project.githubRepoLink!, '_blank'); 38 | }, 39 | ), 40 | ), 41 | ], 42 | if (project.googlePlay != null) ...[ 43 | if (project.previewLink != null || project.githubRepoLink != null) 44 | const SizedBox(width: 18), 45 | Expanded( 46 | child: CustomButton( 47 | label: 'play store', 48 | borderColor: AppColors.primaryColor, 49 | onPressed: () { 50 | html.window.open(project.googlePlay!, '_blank'); 51 | }, 52 | ), 53 | ), 54 | ], 55 | if (project.previewLink == null && 56 | project.githubRepoLink == null && 57 | project.googlePlay == null) 58 | Expanded( 59 | child: CustomButton( 60 | label: 'No actions available', 61 | borderColor: AppColors.primaryColor, 62 | onPressed: () {}, 63 | ), 64 | ) 65 | ], 66 | ), 67 | ); 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/projects/project_image.dart: -------------------------------------------------------------------------------- 1 | import 'package:cached_network_image/cached_network_image.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | import '../../../../core/utils/app_colors.dart'; 5 | 6 | class ProjectImage extends StatelessWidget { 7 | const ProjectImage({super.key, required this.imageUrl}); 8 | final String imageUrl; 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | return Flexible( 13 | flex: 2, 14 | fit: FlexFit.tight, 15 | child: CachedNetworkImage( 16 | imageUrl: imageUrl, 17 | width: double.infinity, 18 | fit: BoxFit.cover, 19 | errorWidget: (context, url, error) { 20 | return Icon( 21 | Icons.error, 22 | color: AppColors.darkColor, 23 | size: 50, 24 | ); 25 | }, 26 | ), 27 | ); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/projects/project_item.dart: -------------------------------------------------------------------------------- 1 | import 'package:auto_size_text/auto_size_text.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | import '../../../../core/utils/app_colors.dart'; 5 | import '../../../../core/utils/app_styles.dart'; 6 | import '../../../../data/models/project.dart'; 7 | import 'project_actions.dart'; 8 | import 'project_image.dart'; 9 | 10 | class ProjectItem extends StatelessWidget { 11 | const ProjectItem({super.key, required this.project}); 12 | final Project project; 13 | 14 | @override 15 | Widget build(BuildContext context) { 16 | return Container( 17 | padding: const EdgeInsets.all(16), 18 | decoration: BoxDecoration( 19 | borderRadius: BorderRadius.circular(8), 20 | color: AppColors.primaryLight, 21 | ), 22 | child: Column( 23 | crossAxisAlignment: CrossAxisAlignment.start, 24 | children: [ 25 | ProjectImage(imageUrl: project.imageUrl), 26 | const SizedBox(height: 16), 27 | FittedBox( 28 | child: Text( 29 | project.name, 30 | style: AppStyles.s24.copyWith(color: AppColors.primaryColor), 31 | ), 32 | ), 33 | const SizedBox(height: 8), 34 | Expanded( 35 | child: AutoSizeText( 36 | project.description, 37 | style: AppStyles.s18, 38 | minFontSize: 12, 39 | maxLines: 4, 40 | ), 41 | ), 42 | const SizedBox(height: 8), 43 | // if (project.previewLink != null || project.githubRepoLink != null) 44 | ProjectActions(project: project) 45 | ], 46 | ), 47 | ); 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/projects/projects_grid.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_constants.dart'; 4 | import '../../../../core/utils/app_enums.dart'; 5 | import '../../../../core/utils/app_extensions.dart'; 6 | import 'project_item.dart'; 7 | 8 | class ProjectsGrid extends StatelessWidget { 9 | const ProjectsGrid({super.key}); 10 | 11 | @override 12 | Widget build(BuildContext context) { 13 | return GridView.builder( 14 | shrinkWrap: true, 15 | physics: const NeverScrollableScrollPhysics(), 16 | gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( 17 | crossAxisCount: _getCrossAxisCount(context.width), 18 | crossAxisSpacing: 16, 19 | mainAxisSpacing: 16, 20 | ), 21 | itemBuilder: (context, index) { 22 | return ProjectItem( 23 | project: AppConstants.projects[index], 24 | ); 25 | }, 26 | itemCount: AppConstants.projects.length, 27 | ); 28 | } 29 | 30 | int _getCrossAxisCount(double deviceWidth) { 31 | int numOfServices = AppConstants.projects.length; 32 | if (deviceWidth < DeviceType.mobile.getMaxWidth()) { 33 | return 1; 34 | } else if (deviceWidth < DeviceType.ipad.getMaxWidth()) { 35 | return 1; 36 | } else if (deviceWidth < DeviceType.smallScreenLaptop.getMaxWidth()) { 37 | return 3; 38 | } else { 39 | return numOfServices > 3 ? 3 : numOfServices; 40 | } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/projects/projects_intro.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import '../../../../core/utils/app_strings.dart'; 4 | import '../../../../core/utils/app_styles.dart'; 5 | 6 | class ProjectsIntro extends StatelessWidget { 7 | const ProjectsIntro({super.key}); 8 | 9 | @override 10 | Widget build(BuildContext context) { 11 | return Column( 12 | crossAxisAlignment: CrossAxisAlignment.start, 13 | children: [ 14 | FittedBox( 15 | child: Text( 16 | AppStrings.featuredProjects, 17 | style: AppStyles.s32, 18 | ), 19 | ), 20 | const SizedBox(height: 8), 21 | Text( 22 | AppStrings.projectsMsg, 23 | style: AppStyles.s18, 24 | softWrap: true, 25 | ), 26 | ], 27 | ); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /lib/presentation/widgets/body/projects/projects_section.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import 'projects_grid.dart'; 4 | import 'projects_intro.dart'; 5 | 6 | class ProjectsSection extends StatelessWidget { 7 | const ProjectsSection({super.key}); 8 | 9 | @override 10 | Widget build(BuildContext context) { 11 | return const Padding( 12 | padding: EdgeInsets.only(bottom: 80), 13 | child: Column( 14 | crossAxisAlignment: CrossAxisAlignment.start, 15 | children: [ 16 | ProjectsIntro(), 17 | SizedBox(height: 52), 18 | ProjectsGrid(), 19 | ], 20 | ), 21 | ); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /linux/.gitignore: -------------------------------------------------------------------------------- 1 | flutter/ephemeral 2 | -------------------------------------------------------------------------------- /linux/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # Project-level configuration. 2 | cmake_minimum_required(VERSION 3.10) 3 | project(runner LANGUAGES CXX) 4 | 5 | # The name of the executable created for the application. Change this to change 6 | # the on-disk name of your application. 7 | set(BINARY_NAME "portfolio") 8 | # The unique GTK application identifier for this application. See: 9 | # https://wiki.gnome.org/HowDoI/ChooseApplicationID 10 | set(APPLICATION_ID "com.example.portfolio") 11 | 12 | # Explicitly opt in to modern CMake behaviors to avoid warnings with recent 13 | # versions of CMake. 14 | cmake_policy(SET CMP0063 NEW) 15 | 16 | # Load bundled libraries from the lib/ directory relative to the binary. 17 | set(CMAKE_INSTALL_RPATH "$ORIGIN/lib") 18 | 19 | # Root filesystem for cross-building. 20 | if(FLUTTER_TARGET_PLATFORM_SYSROOT) 21 | set(CMAKE_SYSROOT ${FLUTTER_TARGET_PLATFORM_SYSROOT}) 22 | set(CMAKE_FIND_ROOT_PATH ${CMAKE_SYSROOT}) 23 | set(CMAKE_FIND_ROOT_PATH_MODE_PROGRAM NEVER) 24 | set(CMAKE_FIND_ROOT_PATH_MODE_PACKAGE ONLY) 25 | set(CMAKE_FIND_ROOT_PATH_MODE_LIBRARY ONLY) 26 | set(CMAKE_FIND_ROOT_PATH_MODE_INCLUDE ONLY) 27 | endif() 28 | 29 | # Define build configuration options. 30 | if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) 31 | set(CMAKE_BUILD_TYPE "Debug" CACHE 32 | STRING "Flutter build mode" FORCE) 33 | set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS 34 | "Debug" "Profile" "Release") 35 | endif() 36 | 37 | # Compilation settings that should be applied to most targets. 38 | # 39 | # Be cautious about adding new options here, as plugins use this function by 40 | # default. In most cases, you should add new options to specific targets instead 41 | # of modifying this function. 42 | function(APPLY_STANDARD_SETTINGS TARGET) 43 | target_compile_features(${TARGET} PUBLIC cxx_std_14) 44 | target_compile_options(${TARGET} PRIVATE -Wall -Werror) 45 | target_compile_options(${TARGET} PRIVATE "$<$>:-O3>") 46 | target_compile_definitions(${TARGET} PRIVATE "$<$>:NDEBUG>") 47 | endfunction() 48 | 49 | # Flutter library and tool build rules. 50 | set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") 51 | add_subdirectory(${FLUTTER_MANAGED_DIR}) 52 | 53 | # System-level dependencies. 54 | find_package(PkgConfig REQUIRED) 55 | pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0) 56 | 57 | add_definitions(-DAPPLICATION_ID="${APPLICATION_ID}") 58 | 59 | # Define the application target. To change its name, change BINARY_NAME above, 60 | # not the value here, or `flutter run` will no longer work. 61 | # 62 | # Any new source files that you add to the application should be added here. 63 | add_executable(${BINARY_NAME} 64 | "main.cc" 65 | "my_application.cc" 66 | "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" 67 | ) 68 | 69 | # Apply the standard set of build settings. This can be removed for applications 70 | # that need different build settings. 71 | apply_standard_settings(${BINARY_NAME}) 72 | 73 | # Add dependency libraries. Add any application-specific dependencies here. 74 | target_link_libraries(${BINARY_NAME} PRIVATE flutter) 75 | target_link_libraries(${BINARY_NAME} PRIVATE PkgConfig::GTK) 76 | 77 | # Run the Flutter tool portions of the build. This must not be removed. 78 | add_dependencies(${BINARY_NAME} flutter_assemble) 79 | 80 | # Only the install-generated bundle's copy of the executable will launch 81 | # correctly, since the resources must in the right relative locations. To avoid 82 | # people trying to run the unbundled copy, put it in a subdirectory instead of 83 | # the default top-level location. 84 | set_target_properties(${BINARY_NAME} 85 | PROPERTIES 86 | RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/intermediates_do_not_run" 87 | ) 88 | 89 | # Generated plugin build rules, which manage building the plugins and adding 90 | # them to the application. 91 | include(flutter/generated_plugins.cmake) 92 | 93 | 94 | # === Installation === 95 | # By default, "installing" just makes a relocatable bundle in the build 96 | # directory. 97 | set(BUILD_BUNDLE_DIR "${PROJECT_BINARY_DIR}/bundle") 98 | if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) 99 | set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) 100 | endif() 101 | 102 | # Start with a clean build bundle directory every time. 103 | install(CODE " 104 | file(REMOVE_RECURSE \"${BUILD_BUNDLE_DIR}/\") 105 | " COMPONENT Runtime) 106 | 107 | set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") 108 | set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}/lib") 109 | 110 | install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" 111 | COMPONENT Runtime) 112 | 113 | install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 114 | COMPONENT Runtime) 115 | 116 | install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 117 | COMPONENT Runtime) 118 | 119 | foreach(bundled_library ${PLUGIN_BUNDLED_LIBRARIES}) 120 | install(FILES "${bundled_library}" 121 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 122 | COMPONENT Runtime) 123 | endforeach(bundled_library) 124 | 125 | # Fully re-copy the assets directory on each build to avoid having stale files 126 | # from a previous install. 127 | set(FLUTTER_ASSET_DIR_NAME "flutter_assets") 128 | install(CODE " 129 | file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") 130 | " COMPONENT Runtime) 131 | install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" 132 | DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) 133 | 134 | # Install the AOT library on non-Debug builds only. 135 | if(NOT CMAKE_BUILD_TYPE MATCHES "Debug") 136 | install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 137 | COMPONENT Runtime) 138 | endif() 139 | -------------------------------------------------------------------------------- /linux/flutter/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # This file controls Flutter-level build steps. It should not be edited. 2 | cmake_minimum_required(VERSION 3.10) 3 | 4 | set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") 5 | 6 | # Configuration provided via flutter tool. 7 | include(${EPHEMERAL_DIR}/generated_config.cmake) 8 | 9 | # TODO: Move the rest of this into files in ephemeral. See 10 | # https://github.com/flutter/flutter/issues/57146. 11 | 12 | # Serves the same purpose as list(TRANSFORM ... PREPEND ...), 13 | # which isn't available in 3.10. 14 | function(list_prepend LIST_NAME PREFIX) 15 | set(NEW_LIST "") 16 | foreach(element ${${LIST_NAME}}) 17 | list(APPEND NEW_LIST "${PREFIX}${element}") 18 | endforeach(element) 19 | set(${LIST_NAME} "${NEW_LIST}" PARENT_SCOPE) 20 | endfunction() 21 | 22 | # === Flutter Library === 23 | # System-level dependencies. 24 | find_package(PkgConfig REQUIRED) 25 | pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0) 26 | pkg_check_modules(GLIB REQUIRED IMPORTED_TARGET glib-2.0) 27 | pkg_check_modules(GIO REQUIRED IMPORTED_TARGET gio-2.0) 28 | 29 | set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/libflutter_linux_gtk.so") 30 | 31 | # Published to parent scope for install step. 32 | set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) 33 | set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) 34 | set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) 35 | set(AOT_LIBRARY "${PROJECT_DIR}/build/lib/libapp.so" PARENT_SCOPE) 36 | 37 | list(APPEND FLUTTER_LIBRARY_HEADERS 38 | "fl_basic_message_channel.h" 39 | "fl_binary_codec.h" 40 | "fl_binary_messenger.h" 41 | "fl_dart_project.h" 42 | "fl_engine.h" 43 | "fl_json_message_codec.h" 44 | "fl_json_method_codec.h" 45 | "fl_message_codec.h" 46 | "fl_method_call.h" 47 | "fl_method_channel.h" 48 | "fl_method_codec.h" 49 | "fl_method_response.h" 50 | "fl_plugin_registrar.h" 51 | "fl_plugin_registry.h" 52 | "fl_standard_message_codec.h" 53 | "fl_standard_method_codec.h" 54 | "fl_string_codec.h" 55 | "fl_value.h" 56 | "fl_view.h" 57 | "flutter_linux.h" 58 | ) 59 | list_prepend(FLUTTER_LIBRARY_HEADERS "${EPHEMERAL_DIR}/flutter_linux/") 60 | add_library(flutter INTERFACE) 61 | target_include_directories(flutter INTERFACE 62 | "${EPHEMERAL_DIR}" 63 | ) 64 | target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}") 65 | target_link_libraries(flutter INTERFACE 66 | PkgConfig::GTK 67 | PkgConfig::GLIB 68 | PkgConfig::GIO 69 | ) 70 | add_dependencies(flutter flutter_assemble) 71 | 72 | # === Flutter tool backend === 73 | # _phony_ is a non-existent file to force this command to run every time, 74 | # since currently there's no way to get a full input/output list from the 75 | # flutter tool. 76 | add_custom_command( 77 | OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} 78 | ${CMAKE_CURRENT_BINARY_DIR}/_phony_ 79 | COMMAND ${CMAKE_COMMAND} -E env 80 | ${FLUTTER_TOOL_ENVIRONMENT} 81 | "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.sh" 82 | ${FLUTTER_TARGET_PLATFORM} ${CMAKE_BUILD_TYPE} 83 | VERBATIM 84 | ) 85 | add_custom_target(flutter_assemble DEPENDS 86 | "${FLUTTER_LIBRARY}" 87 | ${FLUTTER_LIBRARY_HEADERS} 88 | ) 89 | -------------------------------------------------------------------------------- /linux/flutter/generated_plugin_registrant.cc: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #include "generated_plugin_registrant.h" 8 | 9 | 10 | void fl_register_plugins(FlPluginRegistry* registry) { 11 | } 12 | -------------------------------------------------------------------------------- /linux/flutter/generated_plugin_registrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GENERATED_PLUGIN_REGISTRANT_ 8 | #define GENERATED_PLUGIN_REGISTRANT_ 9 | 10 | #include 11 | 12 | // Registers Flutter plugins. 13 | void fl_register_plugins(FlPluginRegistry* registry); 14 | 15 | #endif // GENERATED_PLUGIN_REGISTRANT_ 16 | -------------------------------------------------------------------------------- /linux/flutter/generated_plugins.cmake: -------------------------------------------------------------------------------- 1 | # 2 | # Generated file, do not edit. 3 | # 4 | 5 | list(APPEND FLUTTER_PLUGIN_LIST 6 | ) 7 | 8 | list(APPEND FLUTTER_FFI_PLUGIN_LIST 9 | ) 10 | 11 | set(PLUGIN_BUNDLED_LIBRARIES) 12 | 13 | foreach(plugin ${FLUTTER_PLUGIN_LIST}) 14 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/linux plugins/${plugin}) 15 | target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) 16 | list(APPEND PLUGIN_BUNDLED_LIBRARIES $) 17 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) 18 | endforeach(plugin) 19 | 20 | foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) 21 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/linux plugins/${ffi_plugin}) 22 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) 23 | endforeach(ffi_plugin) 24 | -------------------------------------------------------------------------------- /linux/main.cc: -------------------------------------------------------------------------------- 1 | #include "my_application.h" 2 | 3 | int main(int argc, char** argv) { 4 | g_autoptr(MyApplication) app = my_application_new(); 5 | return g_application_run(G_APPLICATION(app), argc, argv); 6 | } 7 | -------------------------------------------------------------------------------- /linux/my_application.cc: -------------------------------------------------------------------------------- 1 | #include "my_application.h" 2 | 3 | #include 4 | #ifdef GDK_WINDOWING_X11 5 | #include 6 | #endif 7 | 8 | #include "flutter/generated_plugin_registrant.h" 9 | 10 | struct _MyApplication { 11 | GtkApplication parent_instance; 12 | char** dart_entrypoint_arguments; 13 | }; 14 | 15 | G_DEFINE_TYPE(MyApplication, my_application, GTK_TYPE_APPLICATION) 16 | 17 | // Implements GApplication::activate. 18 | static void my_application_activate(GApplication* application) { 19 | MyApplication* self = MY_APPLICATION(application); 20 | GtkWindow* window = 21 | GTK_WINDOW(gtk_application_window_new(GTK_APPLICATION(application))); 22 | 23 | // Use a header bar when running in GNOME as this is the common style used 24 | // by applications and is the setup most users will be using (e.g. Ubuntu 25 | // desktop). 26 | // If running on X and not using GNOME then just use a traditional title bar 27 | // in case the window manager does more exotic layout, e.g. tiling. 28 | // If running on Wayland assume the header bar will work (may need changing 29 | // if future cases occur). 30 | gboolean use_header_bar = TRUE; 31 | #ifdef GDK_WINDOWING_X11 32 | GdkScreen* screen = gtk_window_get_screen(window); 33 | if (GDK_IS_X11_SCREEN(screen)) { 34 | const gchar* wm_name = gdk_x11_screen_get_window_manager_name(screen); 35 | if (g_strcmp0(wm_name, "GNOME Shell") != 0) { 36 | use_header_bar = FALSE; 37 | } 38 | } 39 | #endif 40 | if (use_header_bar) { 41 | GtkHeaderBar* header_bar = GTK_HEADER_BAR(gtk_header_bar_new()); 42 | gtk_widget_show(GTK_WIDGET(header_bar)); 43 | gtk_header_bar_set_title(header_bar, "portfolio"); 44 | gtk_header_bar_set_show_close_button(header_bar, TRUE); 45 | gtk_window_set_titlebar(window, GTK_WIDGET(header_bar)); 46 | } else { 47 | gtk_window_set_title(window, "portfolio"); 48 | } 49 | 50 | gtk_window_set_default_size(window, 1280, 720); 51 | gtk_widget_show(GTK_WIDGET(window)); 52 | 53 | g_autoptr(FlDartProject) project = fl_dart_project_new(); 54 | fl_dart_project_set_dart_entrypoint_arguments(project, self->dart_entrypoint_arguments); 55 | 56 | FlView* view = fl_view_new(project); 57 | gtk_widget_show(GTK_WIDGET(view)); 58 | gtk_container_add(GTK_CONTAINER(window), GTK_WIDGET(view)); 59 | 60 | fl_register_plugins(FL_PLUGIN_REGISTRY(view)); 61 | 62 | gtk_widget_grab_focus(GTK_WIDGET(view)); 63 | } 64 | 65 | // Implements GApplication::local_command_line. 66 | static gboolean my_application_local_command_line(GApplication* application, gchar*** arguments, int* exit_status) { 67 | MyApplication* self = MY_APPLICATION(application); 68 | // Strip out the first argument as it is the binary name. 69 | self->dart_entrypoint_arguments = g_strdupv(*arguments + 1); 70 | 71 | g_autoptr(GError) error = nullptr; 72 | if (!g_application_register(application, nullptr, &error)) { 73 | g_warning("Failed to register: %s", error->message); 74 | *exit_status = 1; 75 | return TRUE; 76 | } 77 | 78 | g_application_activate(application); 79 | *exit_status = 0; 80 | 81 | return TRUE; 82 | } 83 | 84 | // Implements GObject::dispose. 85 | static void my_application_dispose(GObject* object) { 86 | MyApplication* self = MY_APPLICATION(object); 87 | g_clear_pointer(&self->dart_entrypoint_arguments, g_strfreev); 88 | G_OBJECT_CLASS(my_application_parent_class)->dispose(object); 89 | } 90 | 91 | static void my_application_class_init(MyApplicationClass* klass) { 92 | G_APPLICATION_CLASS(klass)->activate = my_application_activate; 93 | G_APPLICATION_CLASS(klass)->local_command_line = my_application_local_command_line; 94 | G_OBJECT_CLASS(klass)->dispose = my_application_dispose; 95 | } 96 | 97 | static void my_application_init(MyApplication* self) {} 98 | 99 | MyApplication* my_application_new() { 100 | return MY_APPLICATION(g_object_new(my_application_get_type(), 101 | "application-id", APPLICATION_ID, 102 | "flags", G_APPLICATION_NON_UNIQUE, 103 | nullptr)); 104 | } 105 | -------------------------------------------------------------------------------- /linux/my_application.h: -------------------------------------------------------------------------------- 1 | #ifndef FLUTTER_MY_APPLICATION_H_ 2 | #define FLUTTER_MY_APPLICATION_H_ 3 | 4 | #include 5 | 6 | G_DECLARE_FINAL_TYPE(MyApplication, my_application, MY, APPLICATION, 7 | GtkApplication) 8 | 9 | /** 10 | * my_application_new: 11 | * 12 | * Creates a new Flutter-based application. 13 | * 14 | * Returns: a new #MyApplication. 15 | */ 16 | MyApplication* my_application_new(); 17 | 18 | #endif // FLUTTER_MY_APPLICATION_H_ 19 | -------------------------------------------------------------------------------- /macos/.gitignore: -------------------------------------------------------------------------------- 1 | # Flutter-related 2 | **/Flutter/ephemeral/ 3 | **/Pods/ 4 | 5 | # Xcode-related 6 | **/dgph 7 | **/xcuserdata/ 8 | -------------------------------------------------------------------------------- /macos/Flutter/Flutter-Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "ephemeral/Flutter-Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /macos/Flutter/Flutter-Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "ephemeral/Flutter-Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /macos/Flutter/GeneratedPluginRegistrant.swift: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | import FlutterMacOS 6 | import Foundation 7 | 8 | import path_provider_foundation 9 | import sqflite 10 | 11 | func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) { 12 | PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin")) 13 | SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin")) 14 | } 15 | -------------------------------------------------------------------------------- /macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 37 | 38 | 39 | 40 | 41 | 42 | 52 | 54 | 60 | 61 | 62 | 63 | 69 | 71 | 77 | 78 | 79 | 80 | 82 | 83 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /macos/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /macos/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | 4 | @NSApplicationMain 5 | class AppDelegate: FlutterAppDelegate { 6 | override func applicationShouldTerminateAfterLastWindowClosed(_ sender: NSApplication) -> Bool { 7 | return true 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "16x16", 5 | "idiom" : "mac", 6 | "filename" : "app_icon_16.png", 7 | "scale" : "1x" 8 | }, 9 | { 10 | "size" : "16x16", 11 | "idiom" : "mac", 12 | "filename" : "app_icon_32.png", 13 | "scale" : "2x" 14 | }, 15 | { 16 | "size" : "32x32", 17 | "idiom" : "mac", 18 | "filename" : "app_icon_32.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "32x32", 23 | "idiom" : "mac", 24 | "filename" : "app_icon_64.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "128x128", 29 | "idiom" : "mac", 30 | "filename" : "app_icon_128.png", 31 | "scale" : "1x" 32 | }, 33 | { 34 | "size" : "128x128", 35 | "idiom" : "mac", 36 | "filename" : "app_icon_256.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "256x256", 41 | "idiom" : "mac", 42 | "filename" : "app_icon_256.png", 43 | "scale" : "1x" 44 | }, 45 | { 46 | "size" : "256x256", 47 | "idiom" : "mac", 48 | "filename" : "app_icon_512.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "512x512", 53 | "idiom" : "mac", 54 | "filename" : "app_icon_512.png", 55 | "scale" : "1x" 56 | }, 57 | { 58 | "size" : "512x512", 59 | "idiom" : "mac", 60 | "filename" : "app_icon_1024.png", 61 | "scale" : "2x" 62 | } 63 | ], 64 | "info" : { 65 | "version" : 1, 66 | "author" : "xcode" 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png -------------------------------------------------------------------------------- /macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png -------------------------------------------------------------------------------- /macos/Runner/Configs/AppInfo.xcconfig: -------------------------------------------------------------------------------- 1 | // Application-level settings for the Runner target. 2 | // 3 | // This may be replaced with something auto-generated from metadata (e.g., pubspec.yaml) in the 4 | // future. If not, the values below would default to using the project name when this becomes a 5 | // 'flutter create' template. 6 | 7 | // The application's name. By default this is also the title of the Flutter window. 8 | PRODUCT_NAME = portfolio 9 | 10 | // The application's bundle identifier 11 | PRODUCT_BUNDLE_IDENTIFIER = com.example.portfolio 12 | 13 | // The copyright displayed in application information 14 | PRODUCT_COPYRIGHT = Copyright © 2023 com.example. All rights reserved. 15 | -------------------------------------------------------------------------------- /macos/Runner/Configs/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "../../Flutter/Flutter-Debug.xcconfig" 2 | #include "Warnings.xcconfig" 3 | -------------------------------------------------------------------------------- /macos/Runner/Configs/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "../../Flutter/Flutter-Release.xcconfig" 2 | #include "Warnings.xcconfig" 3 | -------------------------------------------------------------------------------- /macos/Runner/Configs/Warnings.xcconfig: -------------------------------------------------------------------------------- 1 | WARNING_CFLAGS = -Wall -Wconditional-uninitialized -Wnullable-to-nonnull-conversion -Wmissing-method-return-type -Woverlength-strings 2 | GCC_WARN_UNDECLARED_SELECTOR = YES 3 | CLANG_UNDEFINED_BEHAVIOR_SANITIZER_NULLABILITY = YES 4 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE 5 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES 6 | CLANG_WARN_PRAGMA_PACK = YES 7 | CLANG_WARN_STRICT_PROTOTYPES = YES 8 | CLANG_WARN_COMMA = YES 9 | GCC_WARN_STRICT_SELECTOR_MATCH = YES 10 | CLANG_WARN_OBJC_REPEATED_USE_OF_WEAK = YES 11 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES 12 | GCC_WARN_SHADOW = YES 13 | CLANG_WARN_UNREACHABLE_CODE = YES 14 | -------------------------------------------------------------------------------- /macos/Runner/DebugProfile.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.app-sandbox 6 | 7 | com.apple.security.cs.allow-jit 8 | 9 | com.apple.security.network.server 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /macos/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIconFile 10 | 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(FLUTTER_BUILD_NAME) 21 | CFBundleVersion 22 | $(FLUTTER_BUILD_NUMBER) 23 | LSMinimumSystemVersion 24 | $(MACOSX_DEPLOYMENT_TARGET) 25 | NSHumanReadableCopyright 26 | $(PRODUCT_COPYRIGHT) 27 | NSMainNibFile 28 | MainMenu 29 | NSPrincipalClass 30 | NSApplication 31 | 32 | 33 | -------------------------------------------------------------------------------- /macos/Runner/MainFlutterWindow.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | 4 | class MainFlutterWindow: NSWindow { 5 | override func awakeFromNib() { 6 | let flutterViewController = FlutterViewController.init() 7 | let windowFrame = self.frame 8 | self.contentViewController = flutterViewController 9 | self.setFrame(windowFrame, display: true) 10 | 11 | RegisterGeneratedPlugins(registry: flutterViewController) 12 | 13 | super.awakeFromNib() 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /macos/Runner/Release.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.app-sandbox 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: portfolio 2 | description: A new Flutter project. 3 | # The following line prevents the package from being accidentally published to 4 | # pub.dev using `flutter pub publish`. This is preferred for private packages. 5 | publish_to: 'none' # Remove this line if you wish to publish to pub.dev 6 | 7 | version: 1.0.0+1 8 | 9 | environment: 10 | sdk: '>=2.19.2 <3.0.0' 11 | 12 | dependencies: 13 | auto_size_text: ^3.0.0 14 | cached_network_image: ^3.2.3 15 | cupertino_icons: ^1.0.2 16 | equatable: ^2.0.5 17 | flutter: 18 | sdk: flutter 19 | flutter_bloc: ^8.1.2 20 | flutter_svg: ^2.0.2 21 | font_awesome_flutter: ^10.4.0 22 | shimmer: ^2.0.0 23 | universal_html: ^2.0.9 24 | 25 | dev_dependencies: 26 | flutter_lints: ^2.0.0 27 | flutter_test: 28 | sdk: flutter 29 | 30 | flutter_launcher_icons: "^0.12.0" 31 | 32 | flutter_icons: 33 | android: "launcher_icon" 34 | ios: true 35 | image_path: "assets/images/portfolio_icon.png" 36 | min_sdk_android: 21 # android min sdk min:16, default 21 37 | web: 38 | generate: true 39 | image_path: "assets/images/portfolio_icon.png" 40 | 41 | 42 | flutter: 43 | 44 | uses-material-design: true 45 | # To add assets to your application, add an assets section, like this: 46 | assets: 47 | - assets/images/ 48 | 49 | fonts: 50 | - family: Poppins 51 | fonts: 52 | - asset: assets/fonts/Poppins-Regular.ttf 53 | - asset: assets/fonts/Poppins-SemiBold.ttf 54 | weight: 600 55 | - asset: assets/fonts/Poppins-Bold.ttf 56 | weight: 700 57 | -------------------------------------------------------------------------------- /test/widget_test.dart: -------------------------------------------------------------------------------- 1 | // This is a basic Flutter widget test. 2 | // 3 | // To perform an interaction with a widget in your test, use the WidgetTester 4 | // utility in the flutter_test package. For example, you can send tap and scroll 5 | // gestures. You can also use WidgetTester to find child widgets in the widget 6 | // tree, read text, and verify that the values of widget properties are correct. 7 | 8 | import 'package:flutter/material.dart'; 9 | import 'package:flutter_test/flutter_test.dart'; 10 | 11 | import 'package:portfolio/portfolio_app.dart'; 12 | 13 | void main() { 14 | testWidgets('Counter increments smoke test', (WidgetTester tester) async { 15 | // Build our app and trigger a frame. 16 | await tester.pumpWidget(const PortfolioApp()); 17 | 18 | // Verify that our counter starts at 0. 19 | expect(find.text('0'), findsOneWidget); 20 | expect(find.text('1'), findsNothing); 21 | 22 | // Tap the '+' icon and trigger a frame. 23 | await tester.tap(find.byIcon(Icons.add)); 24 | await tester.pump(); 25 | 26 | // Verify that our counter has incremented. 27 | expect(find.text('0'), findsNothing); 28 | expect(find.text('1'), findsOneWidget); 29 | }); 30 | } 31 | -------------------------------------------------------------------------------- /web/assets/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/web/assets/loading.gif -------------------------------------------------------------------------------- /web/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/web/favicon.png -------------------------------------------------------------------------------- /web/icons/Icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/web/icons/Icon-192.png -------------------------------------------------------------------------------- /web/icons/Icon-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/web/icons/Icon-512.png -------------------------------------------------------------------------------- /web/icons/Icon-maskable-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/web/icons/Icon-maskable-192.png -------------------------------------------------------------------------------- /web/icons/Icon-maskable-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/web/icons/Icon-maskable-512.png -------------------------------------------------------------------------------- /web/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | Rady Haggag 33 | 34 | 35 | 39 | 40 | 41 | 55 | 56 | 57 | 58 |
59 | 60 |
61 | 78 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /web/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Rady Haggag", 3 | "short_name": "Rady Haggag", 4 | "start_url": ".", 5 | "display": "standalone", 6 | "background_color": "#0175C2", 7 | "theme_color": "#0175C2", 8 | "description": "A new Flutter project.", 9 | "orientation": "portrait-primary", 10 | "prefer_related_applications": false, 11 | "icons": [ 12 | { 13 | "src": "icons/Icon-192.png", 14 | "sizes": "192x192", 15 | "type": "image/png" 16 | }, 17 | { 18 | "src": "icons/Icon-512.png", 19 | "sizes": "512x512", 20 | "type": "image/png" 21 | }, 22 | { 23 | "src": "icons/Icon-maskable-192.png", 24 | "sizes": "192x192", 25 | "type": "image/png", 26 | "purpose": "maskable" 27 | }, 28 | { 29 | "src": "icons/Icon-maskable-512.png", 30 | "sizes": "512x512", 31 | "type": "image/png", 32 | "purpose": "maskable" 33 | } 34 | ] 35 | } -------------------------------------------------------------------------------- /windows/.gitignore: -------------------------------------------------------------------------------- 1 | flutter/ephemeral/ 2 | 3 | # Visual Studio user-specific files. 4 | *.suo 5 | *.user 6 | *.userosscache 7 | *.sln.docstates 8 | 9 | # Visual Studio build-related files. 10 | x64/ 11 | x86/ 12 | 13 | # Visual Studio cache files 14 | # files ending in .cache can be ignored 15 | *.[Cc]ache 16 | # but keep track of directories ending in .cache 17 | !*.[Cc]ache/ 18 | -------------------------------------------------------------------------------- /windows/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # Project-level configuration. 2 | cmake_minimum_required(VERSION 3.14) 3 | project(portfolio LANGUAGES CXX) 4 | 5 | # The name of the executable created for the application. Change this to change 6 | # the on-disk name of your application. 7 | set(BINARY_NAME "portfolio") 8 | 9 | # Explicitly opt in to modern CMake behaviors to avoid warnings with recent 10 | # versions of CMake. 11 | cmake_policy(SET CMP0063 NEW) 12 | 13 | # Define build configuration option. 14 | get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG) 15 | if(IS_MULTICONFIG) 16 | set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release" 17 | CACHE STRING "" FORCE) 18 | else() 19 | if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) 20 | set(CMAKE_BUILD_TYPE "Debug" CACHE 21 | STRING "Flutter build mode" FORCE) 22 | set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS 23 | "Debug" "Profile" "Release") 24 | endif() 25 | endif() 26 | # Define settings for the Profile build mode. 27 | set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}") 28 | set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}") 29 | set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}") 30 | set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}") 31 | 32 | # Use Unicode for all projects. 33 | add_definitions(-DUNICODE -D_UNICODE) 34 | 35 | # Compilation settings that should be applied to most targets. 36 | # 37 | # Be cautious about adding new options here, as plugins use this function by 38 | # default. In most cases, you should add new options to specific targets instead 39 | # of modifying this function. 40 | function(APPLY_STANDARD_SETTINGS TARGET) 41 | target_compile_features(${TARGET} PUBLIC cxx_std_17) 42 | target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100") 43 | target_compile_options(${TARGET} PRIVATE /EHsc) 44 | target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0") 45 | target_compile_definitions(${TARGET} PRIVATE "$<$:_DEBUG>") 46 | endfunction() 47 | 48 | # Flutter library and tool build rules. 49 | set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") 50 | add_subdirectory(${FLUTTER_MANAGED_DIR}) 51 | 52 | # Application build; see runner/CMakeLists.txt. 53 | add_subdirectory("runner") 54 | 55 | # Generated plugin build rules, which manage building the plugins and adding 56 | # them to the application. 57 | include(flutter/generated_plugins.cmake) 58 | 59 | 60 | # === Installation === 61 | # Support files are copied into place next to the executable, so that it can 62 | # run in place. This is done instead of making a separate bundle (as on Linux) 63 | # so that building and running from within Visual Studio will work. 64 | set(BUILD_BUNDLE_DIR "$") 65 | # Make the "install" step default, as it's required to run. 66 | set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1) 67 | if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) 68 | set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) 69 | endif() 70 | 71 | set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") 72 | set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}") 73 | 74 | install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" 75 | COMPONENT Runtime) 76 | 77 | install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 78 | COMPONENT Runtime) 79 | 80 | install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 81 | COMPONENT Runtime) 82 | 83 | if(PLUGIN_BUNDLED_LIBRARIES) 84 | install(FILES "${PLUGIN_BUNDLED_LIBRARIES}" 85 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 86 | COMPONENT Runtime) 87 | endif() 88 | 89 | # Fully re-copy the assets directory on each build to avoid having stale files 90 | # from a previous install. 91 | set(FLUTTER_ASSET_DIR_NAME "flutter_assets") 92 | install(CODE " 93 | file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") 94 | " COMPONENT Runtime) 95 | install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" 96 | DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) 97 | 98 | # Install the AOT library on non-Debug builds only. 99 | install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 100 | CONFIGURATIONS Profile;Release 101 | COMPONENT Runtime) 102 | -------------------------------------------------------------------------------- /windows/flutter/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # This file controls Flutter-level build steps. It should not be edited. 2 | cmake_minimum_required(VERSION 3.14) 3 | 4 | set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") 5 | 6 | # Configuration provided via flutter tool. 7 | include(${EPHEMERAL_DIR}/generated_config.cmake) 8 | 9 | # TODO: Move the rest of this into files in ephemeral. See 10 | # https://github.com/flutter/flutter/issues/57146. 11 | set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper") 12 | 13 | # === Flutter Library === 14 | set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll") 15 | 16 | # Published to parent scope for install step. 17 | set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) 18 | set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) 19 | set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) 20 | set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE) 21 | 22 | list(APPEND FLUTTER_LIBRARY_HEADERS 23 | "flutter_export.h" 24 | "flutter_windows.h" 25 | "flutter_messenger.h" 26 | "flutter_plugin_registrar.h" 27 | "flutter_texture_registrar.h" 28 | ) 29 | list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/") 30 | add_library(flutter INTERFACE) 31 | target_include_directories(flutter INTERFACE 32 | "${EPHEMERAL_DIR}" 33 | ) 34 | target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib") 35 | add_dependencies(flutter flutter_assemble) 36 | 37 | # === Wrapper === 38 | list(APPEND CPP_WRAPPER_SOURCES_CORE 39 | "core_implementations.cc" 40 | "standard_codec.cc" 41 | ) 42 | list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/") 43 | list(APPEND CPP_WRAPPER_SOURCES_PLUGIN 44 | "plugin_registrar.cc" 45 | ) 46 | list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/") 47 | list(APPEND CPP_WRAPPER_SOURCES_APP 48 | "flutter_engine.cc" 49 | "flutter_view_controller.cc" 50 | ) 51 | list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/") 52 | 53 | # Wrapper sources needed for a plugin. 54 | add_library(flutter_wrapper_plugin STATIC 55 | ${CPP_WRAPPER_SOURCES_CORE} 56 | ${CPP_WRAPPER_SOURCES_PLUGIN} 57 | ) 58 | apply_standard_settings(flutter_wrapper_plugin) 59 | set_target_properties(flutter_wrapper_plugin PROPERTIES 60 | POSITION_INDEPENDENT_CODE ON) 61 | set_target_properties(flutter_wrapper_plugin PROPERTIES 62 | CXX_VISIBILITY_PRESET hidden) 63 | target_link_libraries(flutter_wrapper_plugin PUBLIC flutter) 64 | target_include_directories(flutter_wrapper_plugin PUBLIC 65 | "${WRAPPER_ROOT}/include" 66 | ) 67 | add_dependencies(flutter_wrapper_plugin flutter_assemble) 68 | 69 | # Wrapper sources needed for the runner. 70 | add_library(flutter_wrapper_app STATIC 71 | ${CPP_WRAPPER_SOURCES_CORE} 72 | ${CPP_WRAPPER_SOURCES_APP} 73 | ) 74 | apply_standard_settings(flutter_wrapper_app) 75 | target_link_libraries(flutter_wrapper_app PUBLIC flutter) 76 | target_include_directories(flutter_wrapper_app PUBLIC 77 | "${WRAPPER_ROOT}/include" 78 | ) 79 | add_dependencies(flutter_wrapper_app flutter_assemble) 80 | 81 | # === Flutter tool backend === 82 | # _phony_ is a non-existent file to force this command to run every time, 83 | # since currently there's no way to get a full input/output list from the 84 | # flutter tool. 85 | set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_") 86 | set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE) 87 | add_custom_command( 88 | OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} 89 | ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN} 90 | ${CPP_WRAPPER_SOURCES_APP} 91 | ${PHONY_OUTPUT} 92 | COMMAND ${CMAKE_COMMAND} -E env 93 | ${FLUTTER_TOOL_ENVIRONMENT} 94 | "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat" 95 | windows-x64 $ 96 | VERBATIM 97 | ) 98 | add_custom_target(flutter_assemble DEPENDS 99 | "${FLUTTER_LIBRARY}" 100 | ${FLUTTER_LIBRARY_HEADERS} 101 | ${CPP_WRAPPER_SOURCES_CORE} 102 | ${CPP_WRAPPER_SOURCES_PLUGIN} 103 | ${CPP_WRAPPER_SOURCES_APP} 104 | ) 105 | -------------------------------------------------------------------------------- /windows/flutter/generated_plugin_registrant.cc: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #include "generated_plugin_registrant.h" 8 | 9 | 10 | void RegisterPlugins(flutter::PluginRegistry* registry) { 11 | } 12 | -------------------------------------------------------------------------------- /windows/flutter/generated_plugin_registrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GENERATED_PLUGIN_REGISTRANT_ 8 | #define GENERATED_PLUGIN_REGISTRANT_ 9 | 10 | #include 11 | 12 | // Registers Flutter plugins. 13 | void RegisterPlugins(flutter::PluginRegistry* registry); 14 | 15 | #endif // GENERATED_PLUGIN_REGISTRANT_ 16 | -------------------------------------------------------------------------------- /windows/flutter/generated_plugins.cmake: -------------------------------------------------------------------------------- 1 | # 2 | # Generated file, do not edit. 3 | # 4 | 5 | list(APPEND FLUTTER_PLUGIN_LIST 6 | ) 7 | 8 | list(APPEND FLUTTER_FFI_PLUGIN_LIST 9 | ) 10 | 11 | set(PLUGIN_BUNDLED_LIBRARIES) 12 | 13 | foreach(plugin ${FLUTTER_PLUGIN_LIST}) 14 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/windows plugins/${plugin}) 15 | target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) 16 | list(APPEND PLUGIN_BUNDLED_LIBRARIES $) 17 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) 18 | endforeach(plugin) 19 | 20 | foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) 21 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/windows plugins/${ffi_plugin}) 22 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) 23 | endforeach(ffi_plugin) 24 | -------------------------------------------------------------------------------- /windows/runner/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | cmake_minimum_required(VERSION 3.14) 2 | project(runner LANGUAGES CXX) 3 | 4 | # Define the application target. To change its name, change BINARY_NAME in the 5 | # top-level CMakeLists.txt, not the value here, or `flutter run` will no longer 6 | # work. 7 | # 8 | # Any new source files that you add to the application should be added here. 9 | add_executable(${BINARY_NAME} WIN32 10 | "flutter_window.cpp" 11 | "main.cpp" 12 | "utils.cpp" 13 | "win32_window.cpp" 14 | "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" 15 | "Runner.rc" 16 | "runner.exe.manifest" 17 | ) 18 | 19 | # Apply the standard set of build settings. This can be removed for applications 20 | # that need different build settings. 21 | apply_standard_settings(${BINARY_NAME}) 22 | 23 | # Add preprocessor definitions for the build version. 24 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION=\"${FLUTTER_VERSION}\"") 25 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MAJOR=${FLUTTER_VERSION_MAJOR}") 26 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MINOR=${FLUTTER_VERSION_MINOR}") 27 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_PATCH=${FLUTTER_VERSION_PATCH}") 28 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_BUILD=${FLUTTER_VERSION_BUILD}") 29 | 30 | # Disable Windows macros that collide with C++ standard library functions. 31 | target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX") 32 | 33 | # Add dependency libraries and include directories. Add any application-specific 34 | # dependencies here. 35 | target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app) 36 | target_link_libraries(${BINARY_NAME} PRIVATE "dwmapi.lib") 37 | target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}") 38 | 39 | # Run the Flutter tool portions of the build. This must not be removed. 40 | add_dependencies(${BINARY_NAME} flutter_assemble) 41 | -------------------------------------------------------------------------------- /windows/runner/Runner.rc: -------------------------------------------------------------------------------- 1 | // Microsoft Visual C++ generated resource script. 2 | // 3 | #pragma code_page(65001) 4 | #include "resource.h" 5 | 6 | #define APSTUDIO_READONLY_SYMBOLS 7 | ///////////////////////////////////////////////////////////////////////////// 8 | // 9 | // Generated from the TEXTINCLUDE 2 resource. 10 | // 11 | #include "winres.h" 12 | 13 | ///////////////////////////////////////////////////////////////////////////// 14 | #undef APSTUDIO_READONLY_SYMBOLS 15 | 16 | ///////////////////////////////////////////////////////////////////////////// 17 | // English (United States) resources 18 | 19 | #if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU) 20 | LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US 21 | 22 | #ifdef APSTUDIO_INVOKED 23 | ///////////////////////////////////////////////////////////////////////////// 24 | // 25 | // TEXTINCLUDE 26 | // 27 | 28 | 1 TEXTINCLUDE 29 | BEGIN 30 | "resource.h\0" 31 | END 32 | 33 | 2 TEXTINCLUDE 34 | BEGIN 35 | "#include ""winres.h""\r\n" 36 | "\0" 37 | END 38 | 39 | 3 TEXTINCLUDE 40 | BEGIN 41 | "\r\n" 42 | "\0" 43 | END 44 | 45 | #endif // APSTUDIO_INVOKED 46 | 47 | 48 | ///////////////////////////////////////////////////////////////////////////// 49 | // 50 | // Icon 51 | // 52 | 53 | // Icon with lowest ID value placed first to ensure application icon 54 | // remains consistent on all systems. 55 | IDI_APP_ICON ICON "resources\\app_icon.ico" 56 | 57 | 58 | ///////////////////////////////////////////////////////////////////////////// 59 | // 60 | // Version 61 | // 62 | 63 | #if defined(FLUTTER_VERSION_MAJOR) && defined(FLUTTER_VERSION_MINOR) && defined(FLUTTER_VERSION_PATCH) && defined(FLUTTER_VERSION_BUILD) 64 | #define VERSION_AS_NUMBER FLUTTER_VERSION_MAJOR,FLUTTER_VERSION_MINOR,FLUTTER_VERSION_PATCH,FLUTTER_VERSION_BUILD 65 | #else 66 | #define VERSION_AS_NUMBER 1,0,0,0 67 | #endif 68 | 69 | #if defined(FLUTTER_VERSION) 70 | #define VERSION_AS_STRING FLUTTER_VERSION 71 | #else 72 | #define VERSION_AS_STRING "1.0.0" 73 | #endif 74 | 75 | VS_VERSION_INFO VERSIONINFO 76 | FILEVERSION VERSION_AS_NUMBER 77 | PRODUCTVERSION VERSION_AS_NUMBER 78 | FILEFLAGSMASK VS_FFI_FILEFLAGSMASK 79 | #ifdef _DEBUG 80 | FILEFLAGS VS_FF_DEBUG 81 | #else 82 | FILEFLAGS 0x0L 83 | #endif 84 | FILEOS VOS__WINDOWS32 85 | FILETYPE VFT_APP 86 | FILESUBTYPE 0x0L 87 | BEGIN 88 | BLOCK "StringFileInfo" 89 | BEGIN 90 | BLOCK "040904e4" 91 | BEGIN 92 | VALUE "CompanyName", "com.example" "\0" 93 | VALUE "FileDescription", "portfolio" "\0" 94 | VALUE "FileVersion", VERSION_AS_STRING "\0" 95 | VALUE "InternalName", "portfolio" "\0" 96 | VALUE "LegalCopyright", "Copyright (C) 2023 com.example. All rights reserved." "\0" 97 | VALUE "OriginalFilename", "portfolio.exe" "\0" 98 | VALUE "ProductName", "portfolio" "\0" 99 | VALUE "ProductVersion", VERSION_AS_STRING "\0" 100 | END 101 | END 102 | BLOCK "VarFileInfo" 103 | BEGIN 104 | VALUE "Translation", 0x409, 1252 105 | END 106 | END 107 | 108 | #endif // English (United States) resources 109 | ///////////////////////////////////////////////////////////////////////////// 110 | 111 | 112 | 113 | #ifndef APSTUDIO_INVOKED 114 | ///////////////////////////////////////////////////////////////////////////// 115 | // 116 | // Generated from the TEXTINCLUDE 3 resource. 117 | // 118 | 119 | 120 | ///////////////////////////////////////////////////////////////////////////// 121 | #endif // not APSTUDIO_INVOKED 122 | -------------------------------------------------------------------------------- /windows/runner/flutter_window.cpp: -------------------------------------------------------------------------------- 1 | #include "flutter_window.h" 2 | 3 | #include 4 | 5 | #include "flutter/generated_plugin_registrant.h" 6 | 7 | FlutterWindow::FlutterWindow(const flutter::DartProject& project) 8 | : project_(project) {} 9 | 10 | FlutterWindow::~FlutterWindow() {} 11 | 12 | bool FlutterWindow::OnCreate() { 13 | if (!Win32Window::OnCreate()) { 14 | return false; 15 | } 16 | 17 | RECT frame = GetClientArea(); 18 | 19 | // The size here must match the window dimensions to avoid unnecessary surface 20 | // creation / destruction in the startup path. 21 | flutter_controller_ = std::make_unique( 22 | frame.right - frame.left, frame.bottom - frame.top, project_); 23 | // Ensure that basic setup of the controller was successful. 24 | if (!flutter_controller_->engine() || !flutter_controller_->view()) { 25 | return false; 26 | } 27 | RegisterPlugins(flutter_controller_->engine()); 28 | SetChildContent(flutter_controller_->view()->GetNativeWindow()); 29 | 30 | flutter_controller_->engine()->SetNextFrameCallback([&]() { 31 | this->Show(); 32 | }); 33 | 34 | return true; 35 | } 36 | 37 | void FlutterWindow::OnDestroy() { 38 | if (flutter_controller_) { 39 | flutter_controller_ = nullptr; 40 | } 41 | 42 | Win32Window::OnDestroy(); 43 | } 44 | 45 | LRESULT 46 | FlutterWindow::MessageHandler(HWND hwnd, UINT const message, 47 | WPARAM const wparam, 48 | LPARAM const lparam) noexcept { 49 | // Give Flutter, including plugins, an opportunity to handle window messages. 50 | if (flutter_controller_) { 51 | std::optional result = 52 | flutter_controller_->HandleTopLevelWindowProc(hwnd, message, wparam, 53 | lparam); 54 | if (result) { 55 | return *result; 56 | } 57 | } 58 | 59 | switch (message) { 60 | case WM_FONTCHANGE: 61 | flutter_controller_->engine()->ReloadSystemFonts(); 62 | break; 63 | } 64 | 65 | return Win32Window::MessageHandler(hwnd, message, wparam, lparam); 66 | } 67 | -------------------------------------------------------------------------------- /windows/runner/flutter_window.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_FLUTTER_WINDOW_H_ 2 | #define RUNNER_FLUTTER_WINDOW_H_ 3 | 4 | #include 5 | #include 6 | 7 | #include 8 | 9 | #include "win32_window.h" 10 | 11 | // A window that does nothing but host a Flutter view. 12 | class FlutterWindow : public Win32Window { 13 | public: 14 | // Creates a new FlutterWindow hosting a Flutter view running |project|. 15 | explicit FlutterWindow(const flutter::DartProject& project); 16 | virtual ~FlutterWindow(); 17 | 18 | protected: 19 | // Win32Window: 20 | bool OnCreate() override; 21 | void OnDestroy() override; 22 | LRESULT MessageHandler(HWND window, UINT const message, WPARAM const wparam, 23 | LPARAM const lparam) noexcept override; 24 | 25 | private: 26 | // The project to run. 27 | flutter::DartProject project_; 28 | 29 | // The Flutter instance hosted by this window. 30 | std::unique_ptr flutter_controller_; 31 | }; 32 | 33 | #endif // RUNNER_FLUTTER_WINDOW_H_ 34 | -------------------------------------------------------------------------------- /windows/runner/main.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | #include 4 | 5 | #include "flutter_window.h" 6 | #include "utils.h" 7 | 8 | int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev, 9 | _In_ wchar_t *command_line, _In_ int show_command) { 10 | // Attach to console when present (e.g., 'flutter run') or create a 11 | // new console when running with a debugger. 12 | if (!::AttachConsole(ATTACH_PARENT_PROCESS) && ::IsDebuggerPresent()) { 13 | CreateAndAttachConsole(); 14 | } 15 | 16 | // Initialize COM, so that it is available for use in the library and/or 17 | // plugins. 18 | ::CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED); 19 | 20 | flutter::DartProject project(L"data"); 21 | 22 | std::vector command_line_arguments = 23 | GetCommandLineArguments(); 24 | 25 | project.set_dart_entrypoint_arguments(std::move(command_line_arguments)); 26 | 27 | FlutterWindow window(project); 28 | Win32Window::Point origin(10, 10); 29 | Win32Window::Size size(1280, 720); 30 | if (!window.Create(L"portfolio", origin, size)) { 31 | return EXIT_FAILURE; 32 | } 33 | window.SetQuitOnClose(true); 34 | 35 | ::MSG msg; 36 | while (::GetMessage(&msg, nullptr, 0, 0)) { 37 | ::TranslateMessage(&msg); 38 | ::DispatchMessage(&msg); 39 | } 40 | 41 | ::CoUninitialize(); 42 | return EXIT_SUCCESS; 43 | } 44 | -------------------------------------------------------------------------------- /windows/runner/resource.h: -------------------------------------------------------------------------------- 1 | //{{NO_DEPENDENCIES}} 2 | // Microsoft Visual C++ generated include file. 3 | // Used by Runner.rc 4 | // 5 | #define IDI_APP_ICON 101 6 | 7 | // Next default values for new objects 8 | // 9 | #ifdef APSTUDIO_INVOKED 10 | #ifndef APSTUDIO_READONLY_SYMBOLS 11 | #define _APS_NEXT_RESOURCE_VALUE 102 12 | #define _APS_NEXT_COMMAND_VALUE 40001 13 | #define _APS_NEXT_CONTROL_VALUE 1001 14 | #define _APS_NEXT_SYMED_VALUE 101 15 | #endif 16 | #endif 17 | -------------------------------------------------------------------------------- /windows/runner/resources/app_icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radyhaggag/web_portfolio_with_flutter/1e01dcec023d8d434b00587c43897d24ce0de1cc/windows/runner/resources/app_icon.ico -------------------------------------------------------------------------------- /windows/runner/runner.exe.manifest: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PerMonitorV2 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /windows/runner/utils.cpp: -------------------------------------------------------------------------------- 1 | #include "utils.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | #include 9 | 10 | void CreateAndAttachConsole() { 11 | if (::AllocConsole()) { 12 | FILE *unused; 13 | if (freopen_s(&unused, "CONOUT$", "w", stdout)) { 14 | _dup2(_fileno(stdout), 1); 15 | } 16 | if (freopen_s(&unused, "CONOUT$", "w", stderr)) { 17 | _dup2(_fileno(stdout), 2); 18 | } 19 | std::ios::sync_with_stdio(); 20 | FlutterDesktopResyncOutputStreams(); 21 | } 22 | } 23 | 24 | std::vector GetCommandLineArguments() { 25 | // Convert the UTF-16 command line arguments to UTF-8 for the Engine to use. 26 | int argc; 27 | wchar_t** argv = ::CommandLineToArgvW(::GetCommandLineW(), &argc); 28 | if (argv == nullptr) { 29 | return std::vector(); 30 | } 31 | 32 | std::vector command_line_arguments; 33 | 34 | // Skip the first argument as it's the binary name. 35 | for (int i = 1; i < argc; i++) { 36 | command_line_arguments.push_back(Utf8FromUtf16(argv[i])); 37 | } 38 | 39 | ::LocalFree(argv); 40 | 41 | return command_line_arguments; 42 | } 43 | 44 | std::string Utf8FromUtf16(const wchar_t* utf16_string) { 45 | if (utf16_string == nullptr) { 46 | return std::string(); 47 | } 48 | int target_length = ::WideCharToMultiByte( 49 | CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, 50 | -1, nullptr, 0, nullptr, nullptr); 51 | std::string utf8_string; 52 | if (target_length == 0 || target_length > utf8_string.max_size()) { 53 | return utf8_string; 54 | } 55 | utf8_string.resize(target_length); 56 | int converted_length = ::WideCharToMultiByte( 57 | CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, 58 | -1, utf8_string.data(), 59 | target_length, nullptr, nullptr); 60 | if (converted_length == 0) { 61 | return std::string(); 62 | } 63 | return utf8_string; 64 | } 65 | -------------------------------------------------------------------------------- /windows/runner/utils.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_UTILS_H_ 2 | #define RUNNER_UTILS_H_ 3 | 4 | #include 5 | #include 6 | 7 | // Creates a console for the process, and redirects stdout and stderr to 8 | // it for both the runner and the Flutter library. 9 | void CreateAndAttachConsole(); 10 | 11 | // Takes a null-terminated wchar_t* encoded in UTF-16 and returns a std::string 12 | // encoded in UTF-8. Returns an empty std::string on failure. 13 | std::string Utf8FromUtf16(const wchar_t* utf16_string); 14 | 15 | // Gets the command line arguments passed in as a std::vector, 16 | // encoded in UTF-8. Returns an empty std::vector on failure. 17 | std::vector GetCommandLineArguments(); 18 | 19 | #endif // RUNNER_UTILS_H_ 20 | -------------------------------------------------------------------------------- /windows/runner/win32_window.cpp: -------------------------------------------------------------------------------- 1 | #include "win32_window.h" 2 | 3 | #include 4 | #include 5 | 6 | #include "resource.h" 7 | 8 | namespace { 9 | 10 | /// Window attribute that enables dark mode window decorations. 11 | /// 12 | /// Redefined in case the developer's machine has a Windows SDK older than 13 | /// version 10.0.22000.0. 14 | /// See: https://docs.microsoft.com/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute 15 | #ifndef DWMWA_USE_IMMERSIVE_DARK_MODE 16 | #define DWMWA_USE_IMMERSIVE_DARK_MODE 20 17 | #endif 18 | 19 | constexpr const wchar_t kWindowClassName[] = L"FLUTTER_RUNNER_WIN32_WINDOW"; 20 | 21 | /// Registry key for app theme preference. 22 | /// 23 | /// A value of 0 indicates apps should use dark mode. A non-zero or missing 24 | /// value indicates apps should use light mode. 25 | constexpr const wchar_t kGetPreferredBrightnessRegKey[] = 26 | L"Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize"; 27 | constexpr const wchar_t kGetPreferredBrightnessRegValue[] = L"AppsUseLightTheme"; 28 | 29 | // The number of Win32Window objects that currently exist. 30 | static int g_active_window_count = 0; 31 | 32 | using EnableNonClientDpiScaling = BOOL __stdcall(HWND hwnd); 33 | 34 | // Scale helper to convert logical scaler values to physical using passed in 35 | // scale factor 36 | int Scale(int source, double scale_factor) { 37 | return static_cast(source * scale_factor); 38 | } 39 | 40 | // Dynamically loads the |EnableNonClientDpiScaling| from the User32 module. 41 | // This API is only needed for PerMonitor V1 awareness mode. 42 | void EnableFullDpiSupportIfAvailable(HWND hwnd) { 43 | HMODULE user32_module = LoadLibraryA("User32.dll"); 44 | if (!user32_module) { 45 | return; 46 | } 47 | auto enable_non_client_dpi_scaling = 48 | reinterpret_cast( 49 | GetProcAddress(user32_module, "EnableNonClientDpiScaling")); 50 | if (enable_non_client_dpi_scaling != nullptr) { 51 | enable_non_client_dpi_scaling(hwnd); 52 | } 53 | FreeLibrary(user32_module); 54 | } 55 | 56 | } // namespace 57 | 58 | // Manages the Win32Window's window class registration. 59 | class WindowClassRegistrar { 60 | public: 61 | ~WindowClassRegistrar() = default; 62 | 63 | // Returns the singleton registar instance. 64 | static WindowClassRegistrar* GetInstance() { 65 | if (!instance_) { 66 | instance_ = new WindowClassRegistrar(); 67 | } 68 | return instance_; 69 | } 70 | 71 | // Returns the name of the window class, registering the class if it hasn't 72 | // previously been registered. 73 | const wchar_t* GetWindowClass(); 74 | 75 | // Unregisters the window class. Should only be called if there are no 76 | // instances of the window. 77 | void UnregisterWindowClass(); 78 | 79 | private: 80 | WindowClassRegistrar() = default; 81 | 82 | static WindowClassRegistrar* instance_; 83 | 84 | bool class_registered_ = false; 85 | }; 86 | 87 | WindowClassRegistrar* WindowClassRegistrar::instance_ = nullptr; 88 | 89 | const wchar_t* WindowClassRegistrar::GetWindowClass() { 90 | if (!class_registered_) { 91 | WNDCLASS window_class{}; 92 | window_class.hCursor = LoadCursor(nullptr, IDC_ARROW); 93 | window_class.lpszClassName = kWindowClassName; 94 | window_class.style = CS_HREDRAW | CS_VREDRAW; 95 | window_class.cbClsExtra = 0; 96 | window_class.cbWndExtra = 0; 97 | window_class.hInstance = GetModuleHandle(nullptr); 98 | window_class.hIcon = 99 | LoadIcon(window_class.hInstance, MAKEINTRESOURCE(IDI_APP_ICON)); 100 | window_class.hbrBackground = 0; 101 | window_class.lpszMenuName = nullptr; 102 | window_class.lpfnWndProc = Win32Window::WndProc; 103 | RegisterClass(&window_class); 104 | class_registered_ = true; 105 | } 106 | return kWindowClassName; 107 | } 108 | 109 | void WindowClassRegistrar::UnregisterWindowClass() { 110 | UnregisterClass(kWindowClassName, nullptr); 111 | class_registered_ = false; 112 | } 113 | 114 | Win32Window::Win32Window() { 115 | ++g_active_window_count; 116 | } 117 | 118 | Win32Window::~Win32Window() { 119 | --g_active_window_count; 120 | Destroy(); 121 | } 122 | 123 | bool Win32Window::Create(const std::wstring& title, 124 | const Point& origin, 125 | const Size& size) { 126 | Destroy(); 127 | 128 | const wchar_t* window_class = 129 | WindowClassRegistrar::GetInstance()->GetWindowClass(); 130 | 131 | const POINT target_point = {static_cast(origin.x), 132 | static_cast(origin.y)}; 133 | HMONITOR monitor = MonitorFromPoint(target_point, MONITOR_DEFAULTTONEAREST); 134 | UINT dpi = FlutterDesktopGetDpiForMonitor(monitor); 135 | double scale_factor = dpi / 96.0; 136 | 137 | HWND window = CreateWindow( 138 | window_class, title.c_str(), WS_OVERLAPPEDWINDOW, 139 | Scale(origin.x, scale_factor), Scale(origin.y, scale_factor), 140 | Scale(size.width, scale_factor), Scale(size.height, scale_factor), 141 | nullptr, nullptr, GetModuleHandle(nullptr), this); 142 | 143 | if (!window) { 144 | return false; 145 | } 146 | 147 | UpdateTheme(window); 148 | 149 | return OnCreate(); 150 | } 151 | 152 | bool Win32Window::Show() { 153 | return ShowWindow(window_handle_, SW_SHOWNORMAL); 154 | } 155 | 156 | // static 157 | LRESULT CALLBACK Win32Window::WndProc(HWND const window, 158 | UINT const message, 159 | WPARAM const wparam, 160 | LPARAM const lparam) noexcept { 161 | if (message == WM_NCCREATE) { 162 | auto window_struct = reinterpret_cast(lparam); 163 | SetWindowLongPtr(window, GWLP_USERDATA, 164 | reinterpret_cast(window_struct->lpCreateParams)); 165 | 166 | auto that = static_cast(window_struct->lpCreateParams); 167 | EnableFullDpiSupportIfAvailable(window); 168 | that->window_handle_ = window; 169 | } else if (Win32Window* that = GetThisFromHandle(window)) { 170 | return that->MessageHandler(window, message, wparam, lparam); 171 | } 172 | 173 | return DefWindowProc(window, message, wparam, lparam); 174 | } 175 | 176 | LRESULT 177 | Win32Window::MessageHandler(HWND hwnd, 178 | UINT const message, 179 | WPARAM const wparam, 180 | LPARAM const lparam) noexcept { 181 | switch (message) { 182 | case WM_DESTROY: 183 | window_handle_ = nullptr; 184 | Destroy(); 185 | if (quit_on_close_) { 186 | PostQuitMessage(0); 187 | } 188 | return 0; 189 | 190 | case WM_DPICHANGED: { 191 | auto newRectSize = reinterpret_cast(lparam); 192 | LONG newWidth = newRectSize->right - newRectSize->left; 193 | LONG newHeight = newRectSize->bottom - newRectSize->top; 194 | 195 | SetWindowPos(hwnd, nullptr, newRectSize->left, newRectSize->top, newWidth, 196 | newHeight, SWP_NOZORDER | SWP_NOACTIVATE); 197 | 198 | return 0; 199 | } 200 | case WM_SIZE: { 201 | RECT rect = GetClientArea(); 202 | if (child_content_ != nullptr) { 203 | // Size and position the child window. 204 | MoveWindow(child_content_, rect.left, rect.top, rect.right - rect.left, 205 | rect.bottom - rect.top, TRUE); 206 | } 207 | return 0; 208 | } 209 | 210 | case WM_ACTIVATE: 211 | if (child_content_ != nullptr) { 212 | SetFocus(child_content_); 213 | } 214 | return 0; 215 | 216 | case WM_DWMCOLORIZATIONCOLORCHANGED: 217 | UpdateTheme(hwnd); 218 | return 0; 219 | } 220 | 221 | return DefWindowProc(window_handle_, message, wparam, lparam); 222 | } 223 | 224 | void Win32Window::Destroy() { 225 | OnDestroy(); 226 | 227 | if (window_handle_) { 228 | DestroyWindow(window_handle_); 229 | window_handle_ = nullptr; 230 | } 231 | if (g_active_window_count == 0) { 232 | WindowClassRegistrar::GetInstance()->UnregisterWindowClass(); 233 | } 234 | } 235 | 236 | Win32Window* Win32Window::GetThisFromHandle(HWND const window) noexcept { 237 | return reinterpret_cast( 238 | GetWindowLongPtr(window, GWLP_USERDATA)); 239 | } 240 | 241 | void Win32Window::SetChildContent(HWND content) { 242 | child_content_ = content; 243 | SetParent(content, window_handle_); 244 | RECT frame = GetClientArea(); 245 | 246 | MoveWindow(content, frame.left, frame.top, frame.right - frame.left, 247 | frame.bottom - frame.top, true); 248 | 249 | SetFocus(child_content_); 250 | } 251 | 252 | RECT Win32Window::GetClientArea() { 253 | RECT frame; 254 | GetClientRect(window_handle_, &frame); 255 | return frame; 256 | } 257 | 258 | HWND Win32Window::GetHandle() { 259 | return window_handle_; 260 | } 261 | 262 | void Win32Window::SetQuitOnClose(bool quit_on_close) { 263 | quit_on_close_ = quit_on_close; 264 | } 265 | 266 | bool Win32Window::OnCreate() { 267 | // No-op; provided for subclasses. 268 | return true; 269 | } 270 | 271 | void Win32Window::OnDestroy() { 272 | // No-op; provided for subclasses. 273 | } 274 | 275 | void Win32Window::UpdateTheme(HWND const window) { 276 | DWORD light_mode; 277 | DWORD light_mode_size = sizeof(light_mode); 278 | LSTATUS result = RegGetValue(HKEY_CURRENT_USER, kGetPreferredBrightnessRegKey, 279 | kGetPreferredBrightnessRegValue, 280 | RRF_RT_REG_DWORD, nullptr, &light_mode, 281 | &light_mode_size); 282 | 283 | if (result == ERROR_SUCCESS) { 284 | BOOL enable_dark_mode = light_mode == 0; 285 | DwmSetWindowAttribute(window, DWMWA_USE_IMMERSIVE_DARK_MODE, 286 | &enable_dark_mode, sizeof(enable_dark_mode)); 287 | } 288 | } 289 | -------------------------------------------------------------------------------- /windows/runner/win32_window.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_WIN32_WINDOW_H_ 2 | #define RUNNER_WIN32_WINDOW_H_ 3 | 4 | #include 5 | 6 | #include 7 | #include 8 | #include 9 | 10 | // A class abstraction for a high DPI-aware Win32 Window. Intended to be 11 | // inherited from by classes that wish to specialize with custom 12 | // rendering and input handling 13 | class Win32Window { 14 | public: 15 | struct Point { 16 | unsigned int x; 17 | unsigned int y; 18 | Point(unsigned int x, unsigned int y) : x(x), y(y) {} 19 | }; 20 | 21 | struct Size { 22 | unsigned int width; 23 | unsigned int height; 24 | Size(unsigned int width, unsigned int height) 25 | : width(width), height(height) {} 26 | }; 27 | 28 | Win32Window(); 29 | virtual ~Win32Window(); 30 | 31 | // Creates a win32 window with |title| that is positioned and sized using 32 | // |origin| and |size|. New windows are created on the default monitor. Window 33 | // sizes are specified to the OS in physical pixels, hence to ensure a 34 | // consistent size this function will scale the inputted width and height as 35 | // as appropriate for the default monitor. The window is invisible until 36 | // |Show| is called. Returns true if the window was created successfully. 37 | bool Create(const std::wstring& title, const Point& origin, const Size& size); 38 | 39 | // Show the current window. Returns true if the window was successfully shown. 40 | bool Show(); 41 | 42 | // Release OS resources associated with window. 43 | void Destroy(); 44 | 45 | // Inserts |content| into the window tree. 46 | void SetChildContent(HWND content); 47 | 48 | // Returns the backing Window handle to enable clients to set icon and other 49 | // window properties. Returns nullptr if the window has been destroyed. 50 | HWND GetHandle(); 51 | 52 | // If true, closing this window will quit the application. 53 | void SetQuitOnClose(bool quit_on_close); 54 | 55 | // Return a RECT representing the bounds of the current client area. 56 | RECT GetClientArea(); 57 | 58 | protected: 59 | // Processes and route salient window messages for mouse handling, 60 | // size change and DPI. Delegates handling of these to member overloads that 61 | // inheriting classes can handle. 62 | virtual LRESULT MessageHandler(HWND window, 63 | UINT const message, 64 | WPARAM const wparam, 65 | LPARAM const lparam) noexcept; 66 | 67 | // Called when CreateAndShow is called, allowing subclass window-related 68 | // setup. Subclasses should return false if setup fails. 69 | virtual bool OnCreate(); 70 | 71 | // Called when Destroy is called. 72 | virtual void OnDestroy(); 73 | 74 | private: 75 | friend class WindowClassRegistrar; 76 | 77 | // OS callback called by message pump. Handles the WM_NCCREATE message which 78 | // is passed when the non-client area is being created and enables automatic 79 | // non-client DPI scaling so that the non-client area automatically 80 | // responsponds to changes in DPI. All other messages are handled by 81 | // MessageHandler. 82 | static LRESULT CALLBACK WndProc(HWND const window, 83 | UINT const message, 84 | WPARAM const wparam, 85 | LPARAM const lparam) noexcept; 86 | 87 | // Retrieves a class instance pointer for |window| 88 | static Win32Window* GetThisFromHandle(HWND const window) noexcept; 89 | 90 | // Update the window frame's theme to match the system theme. 91 | static void UpdateTheme(HWND const window); 92 | 93 | bool quit_on_close_ = false; 94 | 95 | // window handle for top level window. 96 | HWND window_handle_ = nullptr; 97 | 98 | // window handle for hosted content. 99 | HWND child_content_ = nullptr; 100 | }; 101 | 102 | #endif // RUNNER_WIN32_WINDOW_H_ 103 | --------------------------------------------------------------------------------