Live portfolio designed using Flutter 2.0 available for android and web.

Overview

DevFolio - Portfolio for Developers

Designed live portfolio using Flutter 2.0. Available for Android and Web.

Open Source Love svg1 GitHub Forks GitHub Issues contributions welcome

💻 How to install?

Before these steps make sure you have flutter 2.0

git clone https://github.com/mhmzdev/DevFolio
cd DevFolio
flutter packages get
flutter config --enable-web
flutter run -d chrome

🔗 Useful links

🌐 Web App: http://mhmzdev.github.io/folio

📱 Android App: https://drive.google.com/drive/folders/1qEjMnDPrWOHVOKnKVM3Vbl0RpDE2C9L9?usp=sharing

📙 Article: https://mhamzadev.medium.com/folio-responsive-portfolio-using-flutter-2-0-86ae3e6cce4f

👀 Looks

🔑 License

  • This project is licensed under the MIT License - see the LICENSE file for details

🧑 Author

Muhammad Hamza

LinkedIn Link

You can also follow my GitHub Profile to stay updated about my latest projects:

GitHub Follow

If you liked the repo then kindly support it by giving it a star !

Copyright (c) 2020 MUHAMMAD HAMZA

Comments
  • cannot run sir....!

    cannot run sir....!

    i am leaving the dialog of debug console here Launching lib\main.dart on Chrome in debug mode... /C:/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:100:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.

    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/C:/flutter/packages/flutter/lib/src/services/platform_channel.dart'). Try correcting the name to the name of an existing method, or defining a method named 'setMockMessageHandler'. channel.setMockMessageHandler(null); ^^^^^^^^^^^^^^^^^^^^^

    /C:/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:102:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.

    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/C:/flutter/packages/flutter/lib/src/services/platform_channel.dart'). Try correcting the name to the name of an existing method, or defining a method named 'setMockMessageHandler'. channel.setMockMessageHandler((dynamic message) async { ^^^^^^^^^^^^^^^^^^^^^

    /C:/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:114:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.

    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/C:/flutter/packages/flutter/lib/src/services/platform_channel.dart'). Try correcting the name to the name of an existing method, or defining a method named 'setMockMessageHandler'.

       channel.setMockMessageHandler(null);
               ^^^^^^^^^^^^^^^^^^^^^
      

    /C:/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:116:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.

    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/C:/flutter/packages/flutter/lib/src/services/platform_channel.dart'). Try correcting the name to the name of an existing method, or defining a method named 'setMockMessageHandler'. channel.setMockMessageHandler((dynamic message) async { ^^^^^^^^^^^^^^^^^^^^^

    Failed to compile application. Exited (sigterm)

    opened by shannu-3 3
  • Why firebase is there? - Documention

    Why firebase is there? - Documention

    I do not understand why firebase files are there, may be some node modules too. I have read your article here too. But I could not find anywhere why firebase and node is inside the project. Please forgive me if I am mistaken.

    opened by afzl-wtu 1
  • How to use - Documentation

    How to use - Documentation

    Can I rebuild the web : flutter build web or it will break things like loading animation? What if If I want to add new widgets can I modify the code and build it again?

    opened by afzl-wtu 1
  • Not Running on web

    Not Running on web

    Below is the full trace of console:

    Multiple devices found: Chrome (web) • chrome • web-javascript • Google Chrome 99.0.4844.82 Edge (web) • edge • web-javascript • Microsoft Edge 99.0.1150.46 [1]: Chrome (chrome) [2]: Edge (edge) Please choose one (To quit, press "q/Q"): 1 Launching lib\main.dart on Chrome in debug mode... /D:/Programs/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:100:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.

    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/D:/Programs/flutter/packages/flutter/lib/src/services/platform_channel.d art'). Try correcting the name to the name of an existing method, or defining a
      method named 'setMockMessageHandler'. channel.setMockMessageHandler(null); ^^^^^^^^^^^^^^^^^^^^^ /D:/Programs/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:102:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.
    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/D:/Programs/flutter/packages/flutter/lib/src/services/platform_channel.d art'). Try correcting the name to the name of an existing method, or defining a
      method named 'setMockMessageHandler'. channel.setMockMessageHandler((dynamic message) async { ^^^^^^^^^^^^^^^^^^^^^ /D:/Programs/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:114:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.
    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/D:/Programs/flutter/packages/flutter/lib/src/services/platform_channel.d art'). Try correcting the name to the name of an existing method, or defining a
      method named 'setMockMessageHandler'. channel.setMockMessageHandler(null); ^^^^^^^^^^^^^^^^^^^^^ /D:/Programs/flutter/.pub-cache/hosted/pub.dartlang.org/wakelock_platform_interface-0.2.0/lib/messages.dart:116:17: Error: The method 'setMockMessageHandler' isn't defined for the class 'BasicMessageChannel'.
    • 'BasicMessageChannel' is from 'package:flutter/src/services/platform_channel.dart' ('/D:/Programs/flutter/packages/flutter/lib/src/services/platform_channel.d art'). Try correcting the name to the name of an existing method, or defining a method named 'setMockMessageHandler'. channel.setMockMessageHandler((dynamic message) async { ^^^^^^^^^^^^^^^^^^^^^ Waiting for connection from debug service on Chrome... 17.6s Failed to compile application.
    opened by MianAnwar 1
  • Wanted to clarify a small doubt

    Wanted to clarify a small doubt

    I dont know that much flutter but loved your site and wanted to try it out and make one myself. I managed to do it to some extent and modify some of them but I faced this issue where this keeps pooping up

    bug photo

    https://user-images.githubusercontent.com/46002790/197542516-850f98cd-4425-481f-afac-4b3b0d0c8da8.mp4

    And it only shows in mobile. I did change the names and logos and also messed with the service card file mainly to get both dark and light versions of all the logos. I might have made a mistake but cant really figure it out. Wanted to ask in case u might have the answer. Thanks anyway for such a good looking portfolio. appreciate any help 😄

    site link - cf.shuvsp.me repo - https://github.com/hackmonker/portfolio

    opened by hackmonker 1
Owner
Muhammad Hamza
Flutter - UI/UX - Writer @Medium Find me @mhamzadev - YouTube @happyfluttering
Muhammad Hamza
Portfolio - Developer Portfolio Application With Flutter

My Portfolio This is my developer portfolio application! Preview of the Applicat

Samit Kapoor 6 Jun 16, 2022
Flutter application for latest news by top newspapers . And allow for share articles with friends. Now available in night mode. Also landscape mode is available

Breaking News Latest news for almost 55 country. Feature of saving article and search ariticles. Used API https://newsapi.org/ Note: if data is not ge

null 7 Oct 24, 2022
Flutterbodydetection - A flutter plugin that uses MLKit on iOS/Android platforms to enable body pose and mask detection using Pose Detection and Selfie Segmentation APIs for both static images and live camera stream.

body_detection A flutter plugin that uses MLKit on iOS/Android platforms to enable body pose and mask detection using Pose Detection and Selfie Segmen

null 18 Dec 5, 2022
100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web

Flutter UI Challenges My effort on replicating various apps UI on flutter. View on Web Building and running the code [ Updated ] Thank you all for you

Damodar Lohani 4k Dec 28, 2022
Software Developer Portfolio Template built using Dart, Flutter web

Dev Portfolio Software Developer Portfolio Template that helps you showcase your work and skills as a software developer. A lightweight, customizable

Rezky Maulana 9 Dec 10, 2022
A web portfolio made with flutter

Web Portfolio, Based on a design on UpLabs and hosted on Firebase ?? .

Olayemii Garuba 171 Jan 4, 2023
Face Mask Detection mobile application built with Flutter and TensorFlow lite in order to detect face masks using images and live camera.

Face Mask Detector App Face Mask Detection mobile application built with Flutter and TensorFlow lite in order to detect face masks using images and li

Yousef Shaban 3 Aug 15, 2022
Cross Platform app in Flutter with Firebase Auth and Firestore. Available for Mobile,Web,Desktop

NavokiNotes Navoki Notes, a note app app, will sync data to cloud and on all devices. We have application for Android, iOS, Web App, PWA, Windows, mac

shivam srivastava 93 Dec 27, 2022
Live News App Using Rest API with Searching Functionality

News App Flutter A Simple News App built with Flutter. In this app, there is a Home page, which will display top news from newsapi.org. News categorie

Jay Gajjar 146 Dec 30, 2022
Today we will show you how you can create your developer portfolio website and app using flutter.

Responsive and Animated Portfolio Website & App - Flutter UI Live Preview Watch it on YouTube Packages we are using: flutter_svg: link goole_fonts: li

Abu Anwar 198 Dec 30, 2022
A beautiful weather forecasting application built with the Flutter development kit. Available on Android and iOS.

Flutter Weather A beautiful weather forecasting application built with the Flutter development kit. Screenshots Analysis Run Application This project

Scott Carnett 15 Oct 17, 2022
Yukino lets you read manga or stream anime ad-free from multiple sources for free! Available for Windows, Linux, MacOS and Android.

Yukino Yukino lets you read manga or stream anime ad-free from multiple sources. The project's name "Yukino" meaning "Snow" named after the character

Yukino 204 Jan 6, 2023
An app to save money and achieve your goal! Available on iOS & Android 🚀

BudgetMe An app that helps you save money and achieve your goal! Screenshots TestFlight & Google Play Beta License About This is an app to save money

Carlton Aikins 31 Nov 27, 2022
Sport-pluse - A live score and blogging flutter mobile app

sport-pluse A live score and blogging flutter mobile app

Marshal Greatness 0 Jan 1, 2022
This is a flutter plugin to detect edges in a live camera, take the picture of detected edges object, crop it, and save.

edge_detection A flutter plugin to detect edges of objects, scan paper, detect corners, detect rectangles. It allows cropping of the detected object i

Sawan Kumar Bundelkhandi 180 Dec 28, 2022
FlutterPortfolio - A portfolio app built using flutter

Flutter Portfolio App ?? ?? ?? This project designed using figma and built using

Khalid Al-Saleh 56 Jan 4, 2023
Megalinks is an android app where we provide free resources available for video editing, like Scenepacks, project files of the big editor, tutorials, etc...

MegaLinks Megalinks is an android app where we provide free resources available for video editing, like Scenepacks, project files of the big editor, t

Vishal Rajesh Karangale 3 Jul 8, 2022
SIES Library Catalog - a free book catalog application with an intuitive interface, available for use with Android devices

SIES Library Catalog Prepared by @kriticalflare @barath121 @sasukeuzumaki31 @mithil467 1. Introduction: - SIES Library Catalog is a free book catalog

kriticalflare 34 Jan 26, 2022