/eotobi.github.io

My portfolio, a react application

Primary LanguageJavaScript

Portfolio

PortfolioV2

A clean portfolio template.

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 🍥

References

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