All Projects → khurramrizvi → Portfolio

khurramrizvi / Portfolio

Licence: MIT license
A responsive portfolio app made with flutter web.

Programming Languages

dart
5743 projects
C++
36643 projects - #6 most used programming language
CMake
9771 projects
HTML
75241 projects
c
50402 projects - #5 most used programming language
swift
15916 projects

Projects that are alternatives of or similar to Portfolio

DeveloperFolio
Flutter web - DeveloperFolio template
Stars: ✭ 143 (+232.56%)
Mutual labels:  portfolio, portfolio-website, flutter-web
Awesome-Portfolio
My new portfolio website
Stars: ✭ 15 (-65.12%)
Mutual labels:  portfolio, portfolio-website
Portfolio
Nuxt & Vue based new portfolio website 🚀
Stars: ✭ 24 (-44.19%)
Mutual labels:  portfolio, portfolio-website
mario-homepage
A Super Mario portfolio homepage that you can play with.
Stars: ✭ 21 (-51.16%)
Mutual labels:  portfolio, portfolio-website
win95
Windows 95 Portfolio built with Vue.js
Stars: ✭ 83 (+93.02%)
Mutual labels:  portfolio, portfolio-website
Renato66.github.io
Portfolio
Stars: ✭ 25 (-41.86%)
Mutual labels:  portfolio, portfolio-website
k3yss.github.io
Portfolio
Stars: ✭ 12 (-72.09%)
Mutual labels:  portfolio, portfolio-website
React Portfolio Template
Modern React Portfolio Template (FREE)
Stars: ✭ 188 (+337.21%)
Mutual labels:  portfolio, portfolio-website
glassFolio
Developer Portfolio Template in Glassmorphism UI
Stars: ✭ 61 (+41.86%)
Mutual labels:  portfolio, portfolio-website
thalida.com
thalida.com
Stars: ✭ 27 (-37.21%)
Mutual labels:  portfolio, portfolio-website
saakshaat.github.io
My personal website.
Stars: ✭ 25 (-41.86%)
Mutual labels:  portfolio, portfolio-website
Home
The personal website/portfolio of Hashir Shoaib. Built using React and Bootstrap.
Stars: ✭ 246 (+472.09%)
Mutual labels:  portfolio, portfolio-website
Cv
🎓 Best in Class modern CV, Resume and Portfolio website template. All-in-One-Page site with simply customizable builder.
Stars: ✭ 232 (+439.53%)
Mutual labels:  portfolio, portfolio-website
Portfolio-Website
Vishesh's Portfolio Website
Stars: ✭ 47 (+9.3%)
Mutual labels:  portfolio, portfolio-website
Web Portfolio
Personal portfolio website made with the React
Stars: ✭ 207 (+381.4%)
Mutual labels:  portfolio, portfolio-website
academia-hugo
Academia is a Hugo resume theme. You can showcase your academic resume, publications and talks using this theme.
Stars: ✭ 165 (+283.72%)
Mutual labels:  portfolio, portfolio-website
website
The Official Open-Source version of Gigabyte Developers Incorporated webpage
Stars: ✭ 19 (-55.81%)
Mutual labels:  portfolio, portfolio-website
Portfolio Generator
HoxNox - Portfolios Made Easy, Generate portfolios in 3 easy steps
Stars: ✭ 166 (+286.05%)
Mutual labels:  portfolio, portfolio-website
Portfolio Template
A beautiful minimal and accessible portfolio template for Developers. Give it a star 🌟 if you find it useful.
Stars: ✭ 175 (+306.98%)
Mutual labels:  portfolio, portfolio-website
Portfolio
✨ A simple and responsive portfolio template.
Stars: ✭ 33 (-23.26%)
Mutual labels:  portfolio, portfolio-website

Portfolio

A new Portfolio Website made using Flutter for Web.

  • Implemented using flutter framework 💜
  • Performance optimization done
  • Built with Flutter 2.0, adaptive to on any device viewport 👀
  • Dark Mode Supported 🌓

Netlify Status   License: MIT

Live Preview at: khurramrizvi.netlify.app

Screenshot

How to make it yours?

Step 1: Clone this project

Step 2: Head over to strings.dart file under Portfolio/lib/utilities/strings.dart

Step 3: Edit the values of variables in strings.dart file.

strings.dart

//website title
final String kTitle = 'Khurram Rizvi | Portfolio';

//final strings used in Navbar
final String kAbout = 'About';
final String kServices = 'Services';
final String kPortfolio = 'Portfolio';
final String kContact = "Contact";

//final Strings used for about page
final String kHello = 'Hello,';
final String kName = "I'm Khurram Rizvi";
final String kDescription =
    'Freelance Web & Mobile Developer & Tech Enthusiast';
final String kProfileImageURL =
    'https://avatars2.githubusercontent.com/u/29674485?s=460&u=bb124332a205ec974d682e384facc441b9fb07ac&v=4';

//final Strings for services page
final String kWhatIdo = 'What I Do';
final String kCard1title = 'User Experience Design';
final String kCard2title = 'Mobile App Development';
final String kCard3title = 'Front-end Development';
final String kWhoIam = 'Who I Am';
final String kWhoIamDetails =
    'Experienced App Developer, love creating amazing Apps for Mobile && Web across different Screen Sizes, Fan of Amazing UI/UX && Open-Source Lover and Contributor';

final String kCard1Descrption =
    'I love creating UI and converting them into a amazing experiences using mobile and web technologies';
final String kCard2Descrption =
    'Experienced in creating robust and user friendly Mobile Apps for both Android and iOS Platforms';
final String kCard3Descrption =
    'Experienced creating Amazing, Responsive Websites across different Screen Sizes';

final String kDownloadCV = 'Download CV';
final String kCvUrl =
    'https://drive.google.com/file/d/1XgIK5AQOJJ1wQpd_QNSLv0R-G1M1GW3D/view?usp=sharing';

//final Strings for portfolio page
final String kMySelectedWork = 'My Selected Work';
final String kViewAllWork = 'View All Work';
final String kViewAllWorkLink =
    'https://github.com/khurramrizvi'; //set up any url to demonstrate all your work, I am setting my github url

final String kWorkImageUrl1 = 'lib/images/calender.png';
final String kWorkImageUrl2 = 'lib/images/crypto.png';
final String kWorkImageUrl3 = 'lib/images/chat.png';
final String kWorkImageUrl4 = 'lib/images/blog.png';

//final String for Contact Page
final String kContactCardTitle = 'Have Any Project in Mind? Say Hello At';
final String kEmail = '[email protected]';

//final Strings for Website Icon
final String kIconFirstLetter =
    '  K  '; //maintain the space as in this string to obtain a circular shape of Icon
final String kIconRemainingLetters =
    ' hurram'; //add remaining letters here, follow the spacing as in String at start

//final Strings for Footer present in contact_page.dart
final String kRightsReserved = '© Khurram 2021. All rights reserved.';

//final String social Links used under icon_widgets.dart
final String kLinkedInURL = 'https://www.linkedin.com/in/khurramrizvi/';
final String kTwitterURL = 'https://twitter.com/khurram_rizvi72';
final String kGithubURL = 'https://github.com/khurramrizvi';

Step 4: Build the project with default Renderer (uses Canvas Kit on Desktop and Html Renderer on Mobile) [Preferred]

flutter build web

OR

Step 4: Building the project using HTML Renderer (Optimized build for Mobile, but also uses the same rendering on Desktop)

 flutter run --release --web-renderer html

Step 5: Deploying the Web Build

  • You can now simply copy the web folder under the build folder and host it to your Preferred Hosting.
  • List of Free Hosting

Step 6: Enjoy 😉

If you like my work and want to show some ❤️, please consider giving a ⭐️ to this Repository.

Support me

Buy Me A Coffee

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].