Now, you need to generate a production build and deploy the website.

First you need to create a github repository with the name.

To deploy your website, you have two options.

I highly recommend using Github Pages to achieve this the EASIEST WAY.

Once you are done with your setup and have successfully completed all steps above, you need to put your website online!.

Run npm start to check if everything is ok. You just need to change the theme name and the code will take care of everything else.

You can define new theme similarly as other themes and you can assign name of that new defined theme to chosenTheme.

You need to change the name from blueTheme to whatever theme you want to set your website to.

You can take a look at src/theme.js file where all available themes are mentioned with respective color codes.Īt the bottom of this file you will see the below code: src/components/Loader and then revert isSplash to true in src/portfolio.js.

If you design your logo in future, then edit the files in.

Now, if you see your website using npm start, it will directly open home rather than animating logo splash screen.

Website related settings const settings =

You can open src/portfolio.js file and at the top of this file you will see settings component as below:.

If you don't want Splash screen or you don't know how to design logo, then this option is for you. src/components/Loader directory which contains js and css files which animates the logo. If you want to animate it, you can refer to. If you want to design your own logo, then you can design it using Figma or Adobe XD or Adobe Illustrator or Inkscape. But don't worry we have a solution to this problem. Therefore, this part of portfolio is not customizable. I have designed that logo in Figma and then animated it using css. Note here that if you click my portfolio, you can see animating the logo at the beginning. Whenever you want to update the github related information on the website you need to run this command. This will fetch all the data from your github and it will automatically replace my data with yours.

Each and every detail