Personal Website built using Flutter

Overview

Personal Portfolio

This project made with Flutter and hosted in the website.

About Website

This website is built taking the screen into account. It adjusts different layout for desktop version, mobile portrait version and mobile landscape version.

This website unlike other flutter websites handles the cursor when hovered at a button or clickable.

Build the website

Follow the following to build the website:

-> Fork the Project

-> Clone the Project

git clone https://github.com/
   
    /Portfolio

   

Here username is your github username

-> Open the directory

cd Portfolio

-> If you want to build locally (given flutter is already installed, including web version)

flutter run

Then you will be able to check the website at localhost: /

-> Build the project

flutter build web

Now, the build website will be under /build/web/.

If you want to host the website in your github.io then, copy all the content in /build/web/ into another directory and push the content to your repository named .github.io

Then you can check your website live at https:// .github.io

Here username is your github username

Content

Logo of the website:

Replace /web/logo.png with your logo

Title:

Replace the Title at /web/index.html line:11,line:31 with your title.

Constants:

All the Constants of the website are under /lib/constants/constants.dart

These constants include

  • Profile Image
  • Name
  • Tag Line (two tag lines)
  • About
  • Quote
  • Blog linking site
  • Resume
  • Few other similar categories to be under Profile Page

Social Icons:

Update links of Social Icons inside /lib/widgets/social_icons.dart

Colors:

Few Custom used/non-used colors are present under /lib/theme/colors.dart/

Google Analytics:

This website supports google analytics. You can replace 'UA-XXXXXXXXX-X' with your analytics ID at /web/index.html line:27 to track your website

Note: All of the above should be updated before building the project

Dependencies

License

This work is licensed under a MIT License.

Getting Started with Flutter

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

You might also like...

IEEE DTU's Vihaan 5.0 website.

vihaan2022 IEEE DTU's Vihaan 5.0 website. Getting Started This project is a starting point for a Flutter application. A few resources to get you start

Dec 27, 2021

Jisho - A multiplatform Application for jisho.org website for those who does not want to bother with the browser and distractions

Jisho - A multiplatform Application for jisho.org website for those who does not want to bother with the browser and distractions

Jisho.org Jisho.org Application Getting Started I am frustrated to go back and f

Feb 21, 2022

Tesla Website - A part of a #100flutterprojects

Tesla Website - A part of a #100flutterprojects

Tesla Website - A part of a #100flutterprojects

Feb 18, 2022

A free tool to convert any website into a cross platform native application.

A free tool to convert any website into a cross platform native application.

SWAB (Spyxpo Web to App Builder) Convert any website into an iOS/Android/Windows/macOS/Linux app. This is a preview build for testing purposes major u

Jan 1, 2023

This is Personal Expenses Planner. You can see and made any recipes from this application. I developed this project using flutter.

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

Jul 6, 2022

Personal collection of Flutter apps.

Personal collection of Flutter apps.

Flutter Examples Compilation work in progress. You can find other public samples at https://github.com/joshuadeguzman/flutter-examples-archive. Collec

Dec 24, 2022

A Flutter project to show a personal business card. 📱ℹī¸

Mi Card Mi Card Flutter (Practice Project) 📱 ℹ đŸ’ŗ What is Mi Card Mi Card is a personal business card. Imagine every time you wanted to give someone

Jan 4, 2022

A Flutter application to plan personal activities and routines that uses Supabase for the backend.

Flutter Planner Generated by the Very Good CLI 🤖 A Flutter application to plan personal activities and routines that uses Supabase for the backend. P

Dec 29, 2022

A Personal Habit Tracker study case

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

Apr 27, 2022
Owner
Sai Rajendra Immadi
Open-Source Enthusiast
Sai Rajendra Immadi
A mobile-responsive blockchain website built with flutter. NB: For educational purposes.

Excursy A mobile-responsive blockchain website built with flutter. Build flutter build web --web-renderer html --release or flutter build web --web-re

Bukunmi Aluko 10 Oct 25, 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 Personal Expense App Built With Flutter

personal_expense_app This was my Second Project in Flutter. And also, this was b

Wilson Abad 2 Jul 10, 2022
✔ī¸ Flutter Portofolio Website

✔ī¸ Flutter Portofolio Website A Flutter app based on the design of the Flutter Portofolio Website, created by Achmad Rizki Nur Fauzie, Features Respon

Achmad Rizki Nur Fauzie 6 Nov 6, 2022
My Portfolio Website. It's fully created with Flutter.

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

Payam Zahedi 11 Oct 24, 2022
A token auction website made by Flutter thats interacts with Ethereum web3 through flutter_web3 package.

flutter_web3_auction A token auction website made by Flutter thats interacts with Ethereum web3 through flutter_web3 package. This flutter web package

yoisha 26 Dec 26, 2022
Fully Functional IOS/Android App for WordPress Website with Flutter

WordPress App with Flutter IOS/Android Native App for WordPress Website/Blog built using Flutter. No additional Plugins required for WordPress. Built

Atiq Samtia 155 Dec 30, 2022
Liquify your buttons, web demo at website

Hi, Introducing Liquid Button for Flutter. It supports Web and Mobile, not tested on Ios. Inspired by Liquid Button in JS. Preview Live Demo Download

Sahdeep Singh 18 Oct 31, 2021
Mobile, desktop and website Apps with the same code

Mobile, desktop and website Apps with the same code This project shows how the source code can be architectured to run on multiple devices. As of now,

Benoit VALLON 5.2k Jan 1, 2023