Skip to content

πŸ’‘ The Complete Customizable Software Developer Portfolio Template which lets you showcases your skills, projects and experience in a professional and engaging way. #portfolio-website

License

Notifications You must be signed in to change notification settings

ojasjain24/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Software Developer Portfolio πŸ”₯

A clean, beautiful, responsive, and 100% customizable portfolio
template for Software Developers!

Chack out the Live Demo here!!!

⭐ Star us on GitHub β€” it helps!

Sections πŸ“š

βœ”οΈ Summary and About me
βœ”οΈ Skills
βœ”οΈ Projects
βœ”οΈ Technical and Non Technical Experience
βœ”οΈ Volenteer Experience
βœ”οΈ Education
βœ”οΈ Degree and Certifications πŸ†
βœ”οΈ Acheavements
βœ”οΈ Hobbies
βœ”οΈ Socials

Clone and Use πŸ“‹

  • The website is completely built on Flutter and that's why we need flutter and dart installed
  • After the successful installation and setup of flutter, clone the repository into your local system using below command:
  git clone https://github.com/ojasjain24/portfolio.git

This will clone the whole repository in your system.

  • The website use various dependencies like Neon Widgets for neon effects, to download required dependencies to your system, navigate to the directory where the cloned repository resides and execute following command:
 flutter pub get
  • Now the project is ready to use

Customize it to make your own portfolio ✏️

In this project, there is only Two things that you need to change to customize this to anyone else's portfolio: Personal Information and Main Image.

Personal Information

You will find lib/data_file.dart file which contains the complete information about the user. The file looks something like below:

static String myName = "Your Name";
static String tagLine = "Catchy Tagline";
static List<String> skills = [...];
 
 ...

static List<BuildsModel> experienceList = [ ... ];
  
...

You can change the personal information, experience, education, social media, certifications, blog information, contact information basically everything in lib/data_file.dart to directly reflect them in portfolio website.

Main Image

As soon as you land on home page, you see a large image of yourself, to change that image, go to assets/images/ there you will find a image named as myPic.webp, you need to replace that file with your own image. Note : It is recommended to use webp format image for this particular section as it maintains picture quality while reducing its size significantly and hence will load quickly.

Deployment πŸ“¦

  • Once you are done with your setup and have successfully completed all steps above, you need to put your website online!
  • I personally have deployed my portfolio on firebase. You can use any deployment platform like Heroku, Vercel, Firebase, DigtalOcean, AWS, etc. to deploy your portfolio.

Contribute :

1 : Create a proposal and add it to issues.

2 : wait for acceptance.

3 : push your changes to dev branch

4 : Give this repo a ⭐ star, it helps to increase the reach.

Contributors ✨

ojas
ojas

πŸ’» πŸ“– πŸ€” ⚠️ 🚧 πŸ“† 🎨
Himanshu Bharti
Himanshu Bharti

πŸ›
gantanikhilraj
gantanikhilraj

πŸ’»
Brett Morgan
Brett Morgan

πŸ’»