joshuay1/josh-portfolio

🔥 The Complete Customizable Software Developer Portfolio Template which lets you showcase your work and provides each and every detail about you as Software Developer.

JavaScript

PortfolioV2

A clean portfolio template. (Readme will be updated soon)

Sections

Home
Education and Certificates
Experience
Projects
Contact and Resume

How To Use

Clone this repository (or fork, then clone your fork :) )
Run npm i
Check it out using npm start

How Do I Customize

Replace homepage in package.json to your domain name or https://<username>.github.io
In src/portfolio.js you can add your personal portfolio details.
In src/theme.js you can change the theme colors. You can change between Light and Dark theme with the theme switch on the header.

How to Deploy

Once you are done with your setup and have successfully completed all steps above, you need to put your website online!
I highly recommend using Github Pages to achieve this the EASIEST WAY.
To deploy your website, you have two options. First you need to create a github repository with the name <your-github-username>.github.io. Please don't give it any other name.
Now, you need to generate a production build and deploy the website.

Option 1:

Run npm run build to generate the production build folder.
Enter the build folder, git init and push the generated code to the master branch of your new repository. That's it. Done. You may need to git init and force push at every new build.

Option 2 (will not work with user pages):

Run npm run deploy to build and create a branch called gh-pages. It will push the build files to that branch.
The last step in deploying is to enable Github Pages in settings of the repository and select gh-pages branch.

Now, your website is successfully deployed and you can visit it at <your-github-username>.github.io.

Technologies used 🛠️

illustrations 🍥

UnDraw

References

Based on https://github.com/ashutosh1919/masterPortfolio/ and https://github.com/saadpasta/developerFolio Illustrations: https://undraw.co/