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
Nepal Live Corona Tracking App made using flutter

Nepal Live Corona Tracking App Overview App Snapshot Motivation Tehnical aspect Installation Updation Technologies used Overview This is a mobile appl

Shyam Das Shrestha 1 Nov 22, 2021
The Medito app is a 100% free meditation app built with flutter. The app is available on Android and iOS.

Medito App Meditation can positively transform people's lives. We believe no one should have to pay for it. We are the Medito Foundation, and we've bu

Medito Foundation 438 Dec 26, 2022
Portfolio App using Flutter Development 💖  

??  Portfolio App Portfolio App using Flutter Development ??   ✌  Screenshot ⚡  Social Media  Instagram: @bimsp___  Facebook: @mrbrelax.56  LinkedIn:

Bimantara Sutato Putra 3 Aug 14, 2022
This app was designed with the idea of making Cryptocurrency a more widely known and a household name using Dart

This app was designed with the idea of making Cryptocurrency a more widely known and a household name using Dart as the main programming language Flutter as the supporting framework and java as the Backend language. UI Done simply to let people buy and sell cryptocurrencies easily

Ankit Kr Ghosh 2 Aug 23, 2022
Responsive Portfolio App Made With Flutter With VelocityX

PortfolioX PortfolioX is a 100% free Flutter open-source resposive app built with Flutter SDK using VelocityX. Demo PortfolioX Show some ❤️ and star t

Pawan Kumar 185 Dec 23, 2022
This is a project developed in flutter for displaying time of the available locations.

World Time This is a project developed in flutter for displaying time of the available locations. ## Getting Started This project is a starting point

उज्ज्वल हुमागाई (Astinvone de Starx) 0 Oct 15, 2021
An app to display Meals according to different Cusines alongwith various filters available

An app to display Meals according to different Cusines alongwith various filters available

Amartya Yadav 3 Jul 4, 2022
A simple Todo app designed to simply use GraphQL as backend and provide an easy to use UI/UX.

simple_todo_app A simple Todo app designed to simply use GraphQL as backend and provide an easy to use UI/UX. A breakdown of the project and explanati

Emir Halıcı 2 Oct 9, 2022
Beautiful Nike Web Design Concept With Flutter Beautiful Nike Web Design Concept With Flutter

flutter_web_nike A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Pawan Kumar 23 Jan 28, 2022
Spyxpo Web to App Builder - a tool which is used to convert a website into an app for iOS, Android, Windows, macOS and Linux.

Spyxpo Web to App Builder Convert any website into an iOS/Android app. This is a preview build for testing purposes major update coming soon. Supporte

Spyxpo 4 Aug 24, 2022
Flutter Advanced: Background Fetch | Run code in the background Android & iOS | Run code in the background Android & iOS

flutterbackground A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Pawan Kumar 40 Dec 16, 2022
Attempt to implement better scrolling for Flutter Web and Desktop. Includes keyboard, MButton and custom mouse wheel scrolling.

An attempt to implement better scrolling for Flutter Web and Desktop. Includes keyboard, MButton and custom mouse wheel scrolling. Getting started Exa

Adrian Flutur 46 Jan 3, 2023
A platform adaptive Flutter app for desktop, mobile and web.

Flutter Folio A demo app showcasing how Flutter can deliver a great multi-platform experience, targeting iOS, Android, MacOS, Windows, Linux, and web.

gskinner team 3.5k Dec 28, 2022
Flutter mobile and Web UI

Facebook UI A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

null 1 Nov 4, 2021
A simple but powerful path-based navigation router with full web-browser and deeplink support.

nav_stack A simple but powerful path-based routing system, based on MaterialApp.router (Nav 2.0). It has browser / deeplink support and maintains a hi

gskinner team 22 Nov 28, 2022
A simple but powerful path-based navigation router with full web-browser and deeplink support.

nav_stack A simple but powerful path-based routing system, based on MaterialApp.router (Nav 2.0). It has browser / deeplink support and maintains a hi

gskinner team 22 Nov 28, 2022
🏃Lossy is a mobile application built using flutter framework and firebase for android.

Lossy The Weight and Fitness Tracker App. Lossy is a mobile application built using flutter framework and firebase for android. Track your daily weigh

LakhanKumawat ᵖ⁺ 8 Nov 26, 2022
ChitChat - a mobile application built using flutter framework and firebase for android

This is a flutter app made using dart programming language . It uses firebase api to store and fetch data . It also uses native devices features such as library and camera . You can signup or login through your mail and can chat easily with your colleagues .

LakhanKumawat ᵖ⁺ 5 Nov 6, 2022
Minimal Unsplash Android App to easily search, explore and download images using Unsplash API.

Minimal Unsplash Android App to easily search, explore and download images using Unsplash API. Download Button to download the image. User can set the image as a wallpaper. There is a favorite icon, which user can tap to mark/un-mark that image as a favorite.

derpLLC 1 Mar 27, 2022