DevFolio — Responsive Portfolio using Flutter 2.0

UPDATE: The app has been updated since I wrote this article but the concept is same. You may check the new version here.

Since the launch of flutter 2.0 everyone is talking about the updates. I redesigned my portfolio using flutter for the web and added flutter mobile app support in it too.

I am getting a lot of comments to make a speed code video or tutorial for this but unfortunately, I forgot to record while coding and doing the same procedure again would be hectic. Hence, I’m writing this article to help you out with how flutter helped me in getting this awesome portfolio for web and app :)

Folio — Responsive Live Portfolio

Let’s get started…!!

Before we get started the web app is live here and the code is also open source at GitHub so feel free to use or point out some issues :)

We will be talking about the following things, if you want to jump to some section :)

1. Requirements
2. Basic App idea
3. Project Structure
4. mainSection.dart File
5. Home screen
6. Remaining App
7. Navigation bar
8. Hosting using GitHub Pages
9. Conclusion