mhmzdev/devfolio

Live multi-platform portfolio designed using Flutter 3.0.

Hey there, I'm Hamza

Let's connect!

A Student, Developer & Writer

Talking about my personal stuff:

• 🙋‍♂️ Former Google DSC Lead COMSATS Islamabad
• 👉 Leading Flutter Islamabad
• 💻 The tech I'm interested Flutter/ML/AR etc.
• ✍ Technical writer at Medium
• 📱 First Live app on Play Store Holy Qur'an App
• ✨ I'm learning Flutter, Web scrapping, Automations etc.
• 🎮 COD Modern Warfare 1 Multiplayer
• 📄 Live Portfolio
• 🎨 Dribbble profile

✍ Medium Blog Posts

• Two Years of Social Detox as a Developer! What did I learn?
• Flutter & Monorepo — Power of Scalability
• flutter.py | Kings on both -end
• Flutter3 & Web3 | Metamask Integration
• Should I learn Dart before Flutter?

🛠 Tools & Technology

📝 My GitHub Stats

Open Source Contributor from Pakistan 💚

devfolio's Issues

Update

Could you please update latest SDK

Bottom Overflowed by 592 Pixels

Hi not sure why this happened
Got this as error message when debug in chrome
The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be
seen. If the content is legitimately bigger than the available space, consider clipping it with a
ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
like a ListView.
The specific RenderFlex in question is: RenderFlex#92787 relayoutBoundary=up2 OVERFLOWING:
creator: Column ← Padding ← Container ← Stack ← Padding ← ConstrainedBox ← Container ← HomeDesktop ←
LayoutBuilder ← Responsive ← HomePage ← RepaintBoundary ← ⋯
parentData: offset=Offset(85.4, 227.8) (can use size)
constraints: BoxConstraints(0.0<=w<=1813.0, 0.0<=h<=751.0)
size: Size(1813.0, 751.0)
direction: vertical
mainAxisAlignment: start
mainAxisSize: max
crossAxisAlignment: start
textDirection: ltr
verticalDirection: down

Issue when running Code

According to attached file there is problem when running code:

New Design

Hi i liked your devfolio new design so much but when i ran your repo code, its the old version. Can you please push the new design code thank you.

Stucked on loading after hosted on guthub pages

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)

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.

How did you created mockup images of project

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.

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?

A RenderFlex overflowed by 13 pixels on the bottom.

A RenderFlex overflowed by 13 pixels on the bottom.

Maybe you can consider using proportion to design the picture.

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.video.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