- Home
- Education and Certificates
- Experience
- Projects
- Contact and Resume
- Clone this repository (or fork, then clone your fork :) )
- Run
npm i
- Check it out using
npm start
- Replace
homepage
in package.json to your domain name orhttps://<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.
- 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 themaster
branch of your new repository. That's it. Done. You may need togit 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 calledgh-pages
. It will push thebuild
files to that branch. - The last step in deploying is to enable
Github Pages
in settings of the repository and selectgh-pages
branch.
Now, your website is successfully deployed and you can visit it at <your-github-username>.github.io
.
Based on https://github.com/ashutosh1919/masterPortfolio/ and https://github.com/saadpasta/developerFolio Illustrations: https://undraw.co/