Chack out the Live Demo here!!!
β Star us on GitHub β it helps!
βοΈ Summary and About me
βοΈ Skills
βοΈ Projects
βοΈ Technical and Non Technical Experience
βοΈ Volenteer Experience
βοΈ Education
βοΈ Degree and Certifications π
βοΈ Acheavements
βοΈ Hobbies
βοΈ Socials
- The website is completely built on
Flutter
and that's why we needflutter
anddart
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
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.
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.
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.
- 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.
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.
ojas π» π π€ |
Himanshu Bharti π |
gantanikhilraj π» |
Brett Morgan π» |