Portfolio Homepage for presenting your data science projects

How to setup a portfolio page on GitHub.io

Till Meineke
2 min readSep 23, 2024

--

In this tutorial, I will guide you through the process of quickly setting up your data science portfolio using Github Pages. Just a little bit of HTML, CSS and JS is all you need to get started. This is a great way to showcase your projects and share your work with the world.

The orignal idea I found here.

Step 1: Create a new repository

Log in to your Github (or create an account if you don’t have one at github.com) and create a new repository. Name it username.github.io, where username is your Github username. This will be the URL of your portfolio page.

Step 2: Clone the repository

Clone the repository to your local machine using the following command:

git clone <repository-url>

Create a new folder called assets and inside it create two folders called css and js.

Step 3: Set up repository

Go to repository Settings and scroll down to “Pages” section. Under “Build and deployment” select Deploy from a branch under the “Source” and choose master branch.

Step 4: Copy template files from my repository

Go to my repository and copy the respective files to the folders in your repository.

  • index.html
  • /assets/css/style.css
  • /assets/js/script.js

Also copy needed images in the /assets/images folder or create your own.

Step 5: Customize my template

Edit the index.html file to add your name, bio, and links to your projects. You can also customize the CSS and JS files to change the look and feel of your portfolio page. (The template is based on the templates from here and here).

Step 6: Push changes to the repository

Commit and push the changes to the repository using the following commands:

git add .
git commit -m "Initial commit"
git push origin master

Step 7: Check your portfolio page

Magic Time 🎉

Your portfolio page should now be live at https://username.github.io.

Enjoy sharing your work with the world!

Please let me know if you have any questions or need help with setting up your portfolio page. I am happy to help.

I am looking for data science opportunities and would love to connect with you. You can find me on LinkedIn and github.

--

--

Till Meineke

👨🏼‍💻 Data Scientist / Data Analyst; excited about: 🧠 ML 🛠️ Data Mining 🎮 XR/MR-experiences 🧬 Life-Science