Giter VIP home page Giter VIP logo

ojasjain24 / portfolio Goto Github PK

View Code? Open in Web Editor NEW
8.0 1.0 2.0 10.91 MB

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

Home Page: https://ojas-jain.web.app

License: MIT License

Java 0.14% Swift 0.39% Objective-C 0.04% Dart 94.13% HTML 5.30%
flutter portfolio flutter-demo flutter-examples neon portfolio-project portfolio-site portfolio-template portfolio-website developers-portfolio

portfolio's Introduction

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

๐Ÿ’ป

portfolio's People

Contributors

allcontributors[bot] avatar domesticmouse avatar ojasjain24 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

portfolio's Issues

Zoom In Zoom Out

The screen is not rendering the zoomed out part and there are some fitting issue with zoom in.

Hover effect

Hover effects on card : Cards will look like as if neon lights are off in idle conditions and if hovered over, it will lit up

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.