Flutter web - DeveloperFolio template

Last update: Dec 31, 2022

Overview

DeveloperFolio

A clean, beautiful and responsive portfolio template with Dark Mode enabled for Developers!

If you created something awesome and want to contribute then feel free to open Please don't hesitate to open an pull request.

Dark Mode

Desktop View

Tablet View

Mobile View

Sections

✔️ Summary and About me

✔️ Skills

✔️ Proficiency

✔️ Education

✔️ Achievements 🏆

✔️ Blogs

✔️ Contact me

To view a live example, click here

Getting Started

From your command line, clone and run developerFolio:

In-order to work with this repo you need to have flutter beta installed on your system.

# Clone this repository
$ git clone 

# Go into the repository
$ cd DeveloperFolio

# Get Packages
$ flutter pub get

# Build Web using Flutter
$ flutter build web

# Launch/View
$ flutter run -d chrome

Deployment 📦

When you are done with the setup, you should host your website online. We highly recommend to read through the docs for Firebase Hosting.

# Before you can install the Firebase CLI, you will need to install Node.js on your machine.
npm install -g firebase-tools

# Firebase Login
$ firebase login

# Initialize Firebase
$ firebase init

# Deploy to Firebase
$ firebase deploy

For the Future

Connect with LinkedIn to get Summary, Skills, Education and Experience
Connect with Github to get Customized Pins, Profile Details
Personalization Page to edit everything in once place.

Comments

Quick Question.
I cloned the project in Visual Studio and one thing puzzled me. Why is the code in the welcomepagemain.dart (Rows folder) repeated 3 times?

Without the repetition its only 179 lines of code

With the repetition its 710 lines of code.

Side Note: I am still learning and i figured the best way to learn is look at other peoples code. I am just surprised that you repeat your code. Is that possibly unique to flutter web?
question
opened by ghost 3
added education
Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Fixes # (issue)

What have you added ?

Please describe what changes and why have you added those changes breifly.

Plugins added

Plugin1

plugin2

plugin3

Type of change

Please delete options that are not relevant.

[ ] Bug fix (non-breaking change which fixes an issue)

[ ] New feature (non-breaking change which adds functionality)

[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

[ ] This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

[ ] Test A

[ ] Test B

Test Configuration:

SDK:

Browsers:

Checklist:

[ ] My code follows the style guidelines of this project

[ ] I have performed a self-review of my own code

[ ] I have commented my code, particularly in hard-to-understand areas

[ ] I have made corresponding changes to the documentation

[ ] My changes generate no new warnings

[ ] I have added tests that prove my fix is effective or that my feature works

[ ] New and existing unit tests pass locally with my changes

[ ] Any dependent changes have been merged and published in downstream modules

[ ] Responsive with all devices such as Desktop, Tablet & Mobile

[ ] Adaptive with Dark-Mode

[ ] No pixel overflow

Screenshots & Gifs

Add your Screenshots & Gifs
opened by naveenjujaray 0
Dev
Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Fixes # (issue)

What have you added ?

Please describe what changes and why have you added those changes breifly.

Plugins added

Plugin1

plugin2

plugin3

Type of change

Please delete options that are not relevant.

[ ] Bug fix (non-breaking change which fixes an issue)

[ ] New feature (non-breaking change which adds functionality)

[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

[ ] This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

[ ] Test A

[ ] Test B

Test Configuration:

SDK:

Browsers:

Checklist:

[ ] My code follows the style guidelines of this project

[ ] I have performed a self-review of my own code

[ ] I have commented my code, particularly in hard-to-understand areas

[ ] I have made corresponding changes to the documentation

[ ] My changes generate no new warnings

[ ] I have added tests that prove my fix is effective or that my feature works

[ ] New and existing unit tests pass locally with my changes

[ ] Any dependent changes have been merged and published in downstream modules

[ ] Responsive with all devices such as Desktop, Tablet & Mobile

[ ] Adaptive with Dark-Mode

[ ] No pixel overflow

Screenshots & Gifs

Add your Screenshots & Gifs
opened by naveenjujaray 0
Fixed Education
Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Fixes # (issue)

What have you added ?

Please describe what changes and why have you added those changes breifly.

Plugins added

Plugin1

plugin2

plugin3

Type of change

Please delete options that are not relevant.

[ ] Bug fix (non-breaking change which fixes an issue)

[ ] New feature (non-breaking change which adds functionality)

[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

[ ] This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

[ ] Test A

[ ] Test B

Test Configuration:

SDK:

Browsers:

Checklist:

[ ] My code follows the style guidelines of this project

[ ] I have performed a self-review of my own code

[ ] I have commented my code, particularly in hard-to-understand areas

[ ] I have made corresponding changes to the documentation

[ ] My changes generate no new warnings

[ ] I have added tests that prove my fix is effective or that my feature works

[ ] New and existing unit tests pass locally with my changes

[ ] Any dependent changes have been merged and published in downstream modules

[ ] Responsive with all devices such as Desktop, Tablet & Mobile

[ ] Adaptive with Dark-Mode

[ ] No pixel overflow

Screenshots & Gifs

Add your Screenshots & Gifs
opened by naveenjujaray 0
Transition Lag

Transition Lag in tabs There is a lag in transition in tabs. For eg the content of the skills page appears before the content of the home page disappears.

opened by Samiksha99 3

Releases(1.1)

1.1(Aug 10, 2020)
Added dark mode with stable release 1.0

DeveloperFolio

A clean, beautiful and responsive portfolio template with Dark Mode enabled for Developers!

If you created something awesome and want to contribute then feel free to open Please don't hesitate to open an pull request.

Dark Mode

Desktop View

Tablet View

Mobile View

Sections

✔️ Summary and About me

✔️ Skills

✔️ Proficiency

✔️ Achievements 🏆

✔️ Blogs

✔️ Contact me

To view a live example, click here

Getting Started

From your command line, clone and run developerFolio:

In-order to work with this repo you need to have flutter beta installed on your system.

# Clone this repository $ git clone # Go into the repository $ cd DeveloperFolio # Get Packages $ flutter pub get # Build Web using Flutter $ flutter build web # Launch/View $ flutter run -d chrome

Deployment 📦

When you are done with the setup, you should host your website online. We highly recommend to read through the docs for Firebase Hosting.

# Before you can install the Firebase CLI, you will need to install Node.js on your machine. npm install -g firebase-tools # Firebase Login $ firebase login # Initialize Firebase $ firebase init # Deploy to Firebase $ firebase deploy

For the Future

Connect with LinkedIn to get Summary, Skills, Education and Experience

Connect with Github to get Customized Pins, Profile Details

Personalization Page to edit everything in once place.

Source code(tar.gz)
Source code(zip)
v1.0(Jul 31, 2020)
DeveloperFolio

A clean, beautiful and responsive portfolio template for Developers!

If you created something awesome and want to contribute then feel free to open Please don't hesitate to open an pull request.

Desktop View

Tablet View

Mobile View

Sections

✔️ Summary and About me

✔️ Skills

✔️ Proficiency

✔️ Achievements 🏆

✔️ Blogs

✔️ Contact me

To view a live example, click here

Getting Started

From your command line, clone and run developerFolio:

In-order to work with this repo you need to have flutter beta installed on your system.

# Clone this repository $ git clone # Go into the repository $ cd DeveloperFolio # Get Packages $ flutter pub get # Build Web using Flutter $ flutter build web # Launch/View $ flutter run -d chrome

Deployment 📦

When you are done with the setup, you should host your website online. We highly recommend to read through the docs for Firebase Hosting.

# Before you can install the Firebase CLI, you will need to install Node.js on your machine. npm install -g firebase-tools # Firebase Login $ firebase login # Initialize Firebase $ firebase init # Deploy to Firebase $ firebase deploy

For the Future

Dark Mode

Connect with LinkedIn to get Summary, Skills, Education and Experience

Connect with Github to get Customized Pins, Profile Details

Personalization Page to edit everything in once place.

Source code(tar.gz)
Source code(zip)

Owner

Naveen Jujaray

I have no special talent. I am only passionately curious.

GitHub https://developerfolio.web.app

Choose color theme template - A template will help you choose a color scheme for the application, show how widgets interact with it

choose_color_theme_template This template will help you choose a color scheme fo

11 Oct 24, 2022

Structured and Organized Flutter (ANDROID+WEB) template project using Redux architecture and Retrofit rest package

flutter_redux_template A new Flutter project. JSON Models classes need this lines to json generator: part 'foo.g.dart'; //on imports factory Foo.from

2 Apr 11, 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

9 Dec 10, 2022

Dart Web API Template Using Google Shelf Framework and Postgres Drivers, read readme to learn how to use

Shelf Web Framework Template by Alex Merced of AlexMercedCoder.com Cloning the Template git clone https://github.com/AlexMercedCoder/DartShelfPostgres

16 Dec 26, 2022

flutter web app with given code and example. Step by step teaching how to build a flutter web app with backend

flutter_web 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

20 Oct 26, 2022

Flutter-web-portfolio - A Basic web portfolio built using flutter

My Flutter Web Portfolio It is a basic flutter web portfolio. 1. Home To use thi

2 May 30, 2022

Flutter web socket - Flutter Web Socket Example

web_socket_example A new Flutter Web Socket project. Getx and web_scoket_channel

7 Nov 2, 2022

Trying out Flutter for desktop Web app development as an alternative to SPA frameworks (such as React and Angular) by recreating one of the pages of an existing CV Management web app

HTML Renderer Demo CanvasKit Renderer Demo Reddit discussion This repo contains a PoC of using Flutter as a traditional SPA framework for creating a d

20 Oct 11, 2022

An isolated worker for Flutter (Isolate) and Web (Web Worker). Behaves almost the same as the compute function, except it is not a one-off worker.

A singleton isolated worker for all platforms. On most platforms, it uses Flutter's Isolate, except on the web, since Isolate is not available, it use

30 Nov 11, 2022

The purpose of the go_router is to use declarative routes to reduce complexity, regardless of the platform you're targeting (mobile, web, desktop), handling deep linking from Android, iOS and the web while still allowing an easy-to-use developer experience.

go_router The goal of the go_router package is to simplify use of the Router in Flutter as specified by the MaterialApp.router constructor. By default

428 Dec 30, 2022

A zero-dependency web framework for writing web apps in plain Dart.

Rad Rad is a frontend framework for creating fast and interactive web apps using Dart. It's inspired from Flutter and shares same programming paradigm

70 Dec 13, 2022

WooCommerce App template that uses Flutter. Integrated to work with WooCommerce stores, connect and create an IOS and Android app from Flutter for IOS and Android

WooCommerce App: Label StoreMax Label StoreMax - v5.3.1 Official WooSignal WooCommerce App About Label StoreMax Label StoreMax is an App Template for

314 Jan 9, 2023

Now UI Flutter is a fully coded app template built for Flutter which will allow you to create powerful and beautiful e-commerce mobile applications

Now UI Flutter is a fully coded app template built for Flutter which will allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components to make it look like our Now UI Design, minimalistic and easy to use.

12 Oct 9, 2022

Flutter web - DeveloperFolio template

Related tags

Overview