Create Your Very Own Portfolio Page with Free Hosting.

Getting Started with React: Your Personal Portfolio in Minutes

Yeran Kods
Nerd For Tech
3 min readJul 20, 2023

--

Are you looking to showcase your skills and projects with an impressive portfolio website but don’t know where to start with React? Look no further! In this article, we’ll guide you through the process of creating your own portfolio website using our ready-to-fork React app repository. With a few simple steps, you’ll have your portfolio up and running in no time!

  1. Visit the personal-portfolio repository, and fork the Repository.
Fork the Repository

2. Clone the Repository to your local machine.

Clone the Repository

3. Run npm i on the terminal to install any missing dependencies.

Run npm i on the terminal

4. Add your Github username. (Use the same casing(lowercase/uppercase) you have used on GitHub).

Add the GitHub username

5. Run npm run deploy on the terminal to deploy your app.

Run npm run deply on the terminal

✅After completing execution, the terminal will give you a message saying site is Published.

Your site is successfully published

6. Give sometime for it to be deployed and after a little while you will see another branch called gh-pages on your repository.

Don’t worry, it will appear, just give it some time. Have patience darling.😉

gh-pages branch

7. Thats pretty much it. Visit the site (http://yourgithubusername.github.io/personal-portfolio) and you will see the site is deployed.

You can confirm the deployment through the settings as well.

Settings Page

Make sure the highlighted fields are exactly the same in your repository as well.

GitHub Pages

Congratulations! 🎉

You’ve successfully created your own portfolio website using our forkable React app repository. With this step-by-step guide, you’ve learned how to customize your portfolio to showcase your unique skills and projects. Remember, your portfolio is a reflection of you and your work, so make it stand out and impress potential employers or clients. Happy coding!

Yeran Kods Portfolio

Hope you learned something new.❤️

Connect with me via;

--

--

Yeran Kods
Nerd For Tech

Interest is what inspires.🌍 | New articles every week !