How to Make a Data Science Portfolio With GitHub Pages (2024)

[@ShawhinTalebi]

More in this series 👇 - DS resume that got me hired: kzbin.info/www/bejne/naGVapKGaMSfndE
 - Custom Gmail Signature: kzbin.info/www/bejne/hJuwdWSYfKeBp9k 👉 Example repo: github.com/ShawhinT/example-portfolio 📰 5 portfolio mistakes: towardsdatascience.com/5-data-science-portfolio-mistakes-52f6e0ebbe4a?source=friends_link&sk=655be81dfee6239959e5b344302e3d61

[@Accentors]

I can't seem to paste the image in asset/img. is there soemthing i did wrong?

[@CathyReisenwitz]

"I spent two hours troubleshooting this thing that should have taken five minutes and let me share how" is such a perfect topic for a tutorial. Thank you!

[@henfencey5751]

10/10 video, no nonsense, no random personal opinions or bias. Thanks!

[@ShawhinTalebi]

Thanks, glad u liked it :)

[@victorlandi1226]

Absolute lifesaver, I was struggling to get my portfolio started, but now I can do it with ease!!!!

[@ShawhinTalebi]

That's awesome, I'm glad it helped Victor!

[@MarxHaven]

Building a portfolio has held me back for way longer than I care to admit. Previously I was going the HTML route and it got too tedious and I lost motivation. Today I had some time and this got me started. Thanks.

[@ChrisPin-m2j]

I was able to start my gitHub profile page because of this video, thank you Shawhin!

[@ShawhinTalebi]

Good luck!

[@Player-r5y]

​@@ShawhinTalebi isit free to make portfolio on GitHub?

[@phanicekemunto3880]

How can I like this video many times!! it has enabled me to create my portfolio. Thank you so much

[@felipeperilla]

Thanks, Shawhin! Easy and to the point. Great work!

[@ShawhinTalebi]

Thanks, glad it was clear!

[@TylersProjectPortfolio]

Thanks for posting this Shawhin. I recently began learning Python to use for financial analysis and am working on the CFA exams (level 3 in 2024 or 2025 depending on Python progress). Nice to see someone else in Dallas making such helpful content.

[@ShawhinTalebi]

Happy to help! Best of luck on your exams 😁

[@rafaelerwin]

Bro, you do make great impacts on people's lives by your videos and generous sharing of knowledge! Thank you deeply!

[@ShawhinTalebi]

Thanks for the kind words!

[@dulithajayakodige8133]

Thank you so much. I tried it earlier, could not do it. Now I have a nice-looking portfolio. Thank you for sharing knowledge!

[@ShawhinTalebi]

Glad it helped!

[@souvikmitra7388]

thank you for this! I've always been lazy in creating pages tbh but this was probably the quickest way to get things running!

[@athenasalomons5847]

Wow, I never knew it could be this easy. Thank you!!

[@GoodGame_Included]

Amazing video! Everything I was looking for from start to finish all in one place.

[@ShawhinTalebi]

Thank you! I'm glad it was helpful :)

[@shamsadrahman]

That theme syntax got me big time lmao Also, thank you so much for the straightforward tutorial. loved it

[@__KitaBisa]

Thank you Shaw Your video is helpful for me. This is the best tutorial I have ever seen.

[@LaurenJohnson-s7m]

fellow UTD grad who was actually denied by King at Toyota for a position this year - thank you for the video!!

[@ShawhinTalebi]

Happy to help! Good luck :)

[@anupkolhe]

Such a underrated channel. Keep up the good work mate 👌🙌

[@LucidTownn]

Thanks so much! I was having a ton of trouble with jekyll but thanks to this video, I was able to get it up and running!!

[@ShawhinTalebi]

That’s great to hear. I’m glad it got you up and running 😁

[@rudroroy1054]

oh my god I was just looking for this, because the previous video said use that theme button which is nowhere to be found now. Thanks a lot. May god bless you with fortune.

[@ShawhinTalebi]

Glad I could help!

[@MrTdib]

Thank you, Shawhin for this great tutorial. It is very helpful and straight to the point!

[@ShawhinTalebi]

Glad it helped!

[@alphaparticles8876]

Thanks, i have a page made using the theme and i thought i was going crazy when the option was removed... yet the page saying the option exists is still live!!

[@ShawhinTalebi]

That was me 2 weeks before I made this video 😂

[@rishikesanravichandran9914]

Thank you Shawhin for sharing this!!

[@ShawhinTalebi]

Happy to help!

[@Casey74]

Thanks @ShawhinTalebi, yeah you are totally right, it's very hard to get that first job in your data scientist career but this helps gets things going.

[@Smrigankiitk]

this was amazing ! thank you. Straight to the point. After looking many places, this is the best!

[@ShawhinTalebi]

Great to hear :)

[@michelle4127]

Thanks! This was so helpful!

[@Oxana191]

Thank You for the video!❤ It saved me a lot of time 👍

[@CraszyAsce]

Thanks man, very helpful. Straightforward and practical implementation.

[@MelissaLamelza]

This is absolutely fantastic! Thank you sir!

[@ShawhinTalebi]

Happy to help :)

[@gmbdal]

Thank you so much Shaw! Lifesaver!

[@HassanZhang]

Thanks Shaw, this video helps me a lot.

[@hey01e5]

thank you shawhin for the video. now it's time to stand out as a job candidate

[@ShawhinTalebi]

Happy to help, you got this!

[@aidenyannn]

Thanks for your contribution!

[@maximrudenko01]

you also can fork any of these themes and build it the same way, I think it's easier to change content + you can fork any user's page from repos

[@ShawhinTalebi]

Great suggestion! I'll need to try that.

[@ifycadeau]

Wow this makes it so much easier 😭😭 you’re a lifesaver!

[@ShawhinTalebi]

Happy to help!

[@KeivanFathollahzadeh]

You made it supper easy to folow the steps. Thanks a lot

[@ShawhinTalebi]

Glad it helped!

[@petertkatchenko7703]

Very helpful tutorial!

[@carlosruizjimenez]

easy done! great walkthrough 🙃

[@mateusdealencar5622]

You have greatly helped me, thank you very much!!!

[@ShawhinTalebi]

Happy to help!

[@alejogarat3866]

Thank you! Straightforward.

[@amwalonline]

Thanks Shaw for sharing .. it was very useful.

[@brandir1328]

This tutorial has been very helpful! One question - how did you create the assets/img folder in your portfolio repository? The only option I'm seeing is to Add a File, but not an option to create a folder so I can create one for the assets and images.

[@ShawhinTalebi]

Good question! When you hit “Add a File”, you can prepend the filename with the path e.g. assets/img/headshot.png

[@saadwagle1032]

How to add profile bro?

[@saadwagle1032]

@@ShawhinTalebipath is of the location in my local drive right ?

[@osayiprecious1990]

Thank you so much @ShawhinTalebi , this content has been super helpful . Now, I can get my portfolio up and running!

[@ShawhinTalebi]

Great to hear!

[@conniekennedy2222]

Thank you!! I struggled so much with the documentation

[@ShawhinTalebi]

I’m glad it helped!

[@cyrilcycadiou9962]

Thanks a lot man , it was amazing and simple

[@nathanmoura6319]

Thanks Shaw, this was very helpful!

[@ShawhinTalebi]

Glad it was helpful!

[@Deviitt11]

This was really useful, helped me a lot! Thank you! 😊

[@ShawhinTalebi]

Awesome, glad it helped!

[@AK-ox3mv]

Thanks. It was great. ممنون. عالی بود😎👌

[@rahiembrooks6837]

Great advice. I will be using this method.

[@ShawhinTalebi]

Glad it helped!

[@henryl7421]

Thats awesome. If we want to add pages based on your method, what should we do? What pages/documentations should we consult?

[@ShawhinTalebi]

I think you can just add another .md file. Check out the example here: github.com/pages-themes/minimal/tree/master

[@orquideamohammed1541]

THANK YOU!!!!! a million likes for this 🙂

[@ShawhinTalebi]

Happy to help :)

[@muskanshokeen2884]

This was really helpful! Thanks

[@Daniel-ru3ww]

Amazing! That's really helpful!

[@akiemcameron5303]

This showed up with perfect timing

[@ShawhinTalebi]

Glad to hear! :)

[@AndrewLukan]

Thank you for this tutorial! The only issue I have is that my education lines are too long, and they wrap to the next line. Research told me to use " " but it didn't work. Any solution to this issue?

[@yudhaprawira8890]

do you mind to show how to add linkeidn and github to portfolios please. thanks

[@jogam2986]

Love you! Suscribed

[@ShawhinTalebi]

Glad it helped. Thanks for the subscribe :)

[@user-wr4yl7tx3w]

great stuff!

[@ShawhinTalebi]

Thanks!

[@ArunKumar-il7hv]

Hey thanks man its really helpful

[@gokulbalagopal9733]

Hey man this is so cool. I was trying to built my portfolio 😊

[@ShawhinTalebi]

Thanks Gokul, hope it helps!

[@parralelife]

Great! it is very helpful. Thank you ❤🎉

[@TheresaKincaid-g3y]

Thank you!!

[@eliasromero7564]

Super helpful video, thanks Shawhin! Have you ever tried to build out this portfolio with multiple pages? Was thinking about creating a separate link for each of my project as I have a lot of pictures and things to say and curious if you've had experience with it

[@ShawhinTalebi]

I haven't but you can add additional markdown files to the repo to add pages. See example here: github.com/pages-themes/minimal

[@ElectronicBarta]

very effective video. thanks for sharing.

[@deadbeat_genius_daydreamer]

Absolutely amazing 💯/💯

[@ShawhinTalebi]

Thanks 😁

[@ErinKahn-r5p]

I'm stuck with github actions. My repo is a react app. I'm not sure how to get my github pages url to show my site from the src folder or build folder. It just shows the readme. Can you help?

[@nataliasarellas8194]

Wow, thanks! It helped so much! We can't find this info anywhere else! I have just one question: if I want to link other pages of content to this inicial page of the READ ME, what should I do?

[@ShawhinTalebi]

Thanks glad it was helpful! Good question. You should be able to add another markdown file with the name of the page you want to make e.g. "contact-page.md" You can find an example on the jekyll-theme-minimal GH repo: github.com/pages-themes/minimal

[@waqardetho2426]

I want to make my picture round like you, whereas, my picture is appearing square. Any idea how to do that?

[@ShawhinTalebi]

I think I used canva for that

[@iremgurek3539]

I was struggling for hours!! Thanks so much! The only thing is I can't add the images to the assets file :((

[@ShawhinTalebi]

Glad it was helpful! Make sure you drop images in “assets/img/“ and not just “assets/“. The latter didn’t work for me. Worst case you can always clone the example repo (in the video description) and fill it with your work.

[@hanshuber8823]

Super helpful ! :)

[@worldboy89]

How did you get the perfect circle for your image? Transparency is rendering as a flat grey for me

[@ShawhinTalebi]

I used Canva to crop the image.

[@worldboy89]

@@ShawhinTalebi thanks - turns out my issue was that the png did not have an alpha layer. Adding that fixed it

[@ShashvatSMehta]

Great video, but is it possible to change the background color of the theme to black and make the text white?

[@ShawhinTalebi]

Thanks. I don't know if there's a way to do that, but you can explore other theme options here: pages.github.com/themes/

[@openabox2150]

thank you for this!

[@torrinsanders2380]

This was great. Thanks so much. Do you have recommendations on good places for datasets to build projects? I'm looking to a career switch from Analytics admin/Operations to AI/Data Science.

[@ShawhinTalebi]

In my opinion the best projects are those built to solve real-world problems as well as demonstrate competence. If you struggle to think of problems you can solve for yourself you can look to solve other people's problems. This can be through volunteering at a university research group, offering to do free analytics for small businesses (you know), or finding an internship. However, if you are just getting started, websites like Kaggle are great for beginners.

[@ahlemmdini8665]

this was helpful. thank u

[@AnushaZ]

They changed the syntax again, here is the updated syntax: Add the following to your site's _config.yml: - "remote_theme: pages-themes/minimal@v0.2.0" Thank you! The Doc was driving me nuts and there's no updated video besides yours.

[@ShawhinTalebi]

Thanks for sharing! I was able to run the existing code without errors. However, this is still helpful for those seeking alternative themes.

[@caterinabiagi4742]

when I try it and i get to 9:34 , it says in my Pages that there are no verified domains, and if I try to add a domain - I'm writing the link for the website here - it doesnt let me. could you help me?

[@ShawhinTalebi]

Not sure what the issue could be. Maybe you could send me the link here: www.shawhintalebi.com/contact

[@appliedstatistics2043]

thanks for your video! but how to make blog post ? how to manage the URL

[@ShawhinTalebi]

Good questions. I haven't done anything as sophisticated as a blog but that is something people do. This course from GitHub might be helpful: github.com/skills/github-pages You can customize the url too. See this guide: docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site

[@appliedstatistics2043]

@@ShawhinTalebi Thank you for your reply! I will take a look at them

[@lahloudjiken]

very helpfull. Thank you

[@rawad1095]

dude ,,,,, ur cool and a live saver

[@ShawhinTalebi]

Happy to help!

[@sahilpawarr]

Hi shawhin, thanks for the video this was very helpful and straightforward. I have a small question, if I want to remove the "View this project ok GitHub" link below the image how'd I do that?

[@ShawhinTalebi]

Good question. You can make the following change to the _config.yml file: "show_downloads: false"

[@cornelialoos9187]

Thank you for this helpful and concise video. How do I integrate the image in the assets/img folder into the minimal theme? As in, I didn't see any reference to it in your README file, but if I just add the image to the repository and build the website, it doesn't show the image.

[@ShawhinTalebi]

I'm glad it was helpful. Make sure you create a "assets/img/" subdirectory and that the image filename is correctly specified in the config.yml file. If it's still not working, you can always clone the example repo and replace the information accordingly.

[@larsthomsen6434]

thanks for a clear tutorial, the GitHub documentation is horrible. Good work

[@barlettemakuwe4910]

Thanks Shaw

[@ShawhinTalebi]

Happy to help!

[@kcreate9253]

How were you able to make your pfp into a circle using markdown

[@ShawhinTalebi]

I used Canva!

[@elianawalters2439]

Thank you for this tutorial! I was looking for a solution to add my project to git pages and this was really helpful, and still went ahead to build the portfolio website, my only challenge here is the .config.yml file did not appear on the website(my name, image, etc). Could you let me know how to fix that?

[@ShawhinTalebi]

Not sure what that could be without looking at the code. You could try cloning the example repo and replacing it with your own info. github.com/ShawhinT/example-portfolio

[@elianawalters2439]

@@ShawhinTalebi Thank you so much!!

[@nicorubino5636]

You should explain how to add the picture folder as well.

[@ShawhinTalebi]

If using the web browser you can add a new file with folder names e.g "assets/img/headshot.png" and GitHub should create the folders automatically. Alternatively, you can clone the repo and add a folder in your file explorer. Hope that help!

[@soumya9]

Super helpful!

[@ShawhinTalebi]

Great to hear!

[@sippawith]

TYSM this is so easy

[@saisriyanka5948]

Thanks for the short and helpful video. I have uploaded the image, but the image is in a square, not a circle. Can you please help me with this?

[@ShawhinTalebi]

You'll need to upload the image as a circle. I used Canva to do it. There are many tools that can do that.

[@saisriyanka5948]

@@ShawhinTalebi got it. Thank you 👍🏼

[@ama19128]

l want to ask if one has never worked in datascience field before can can l add the other jobs that is not related to data science to the Portofolio l will be creating

[@ShawhinTalebi]

Good question! It depends on the work history. I'd be hesitant to put much irrelevant on a portfolio for the same reason you wouldn't include it on a resume. I talk more about that here: kzbin.info/www/bejne/naGVapKGaMSfndE

[@JessicaPagan-t5f]

Hi, thank you for this. I’m currently using your video to edit my portfolio and I have tried to upload a profile photo(logo) but it is not working. Can you explain how you configure your picture on the profile? Thanks

[@ShawhinTalebi]

What issues are you getting? Here I use 176x170 .png file.

[@JessicaPagan-t5f]

@@ShawhinTalebiI was able to get it done! Thank you

[@shuraimiee]

Thanks for this amazing video Sir!! This solved my problem of building a portfolio from scratch. Sir i have a question, What's the best process for me to apply for a ML Engineer job as a fresher? Thanks again❤❤

[@ShawhinTalebi]

I share my best practices for getting hired here: medium.com/the-data-entrepreneurs/selling-yourself-in-data-science-178ee0cd33f Also happy to chat more during office hours: calendly.com/shawhintalebi/office-hours

[@divyadivz1]

Hi , after adding assets/img I don't see an option to add images under img .But under assets , add a file option is there. How to add images under assets/img ?

[@ShawhinTalebi]

It sounds like you’re doing this via the GitHub web interface. If that’s the case, when adding an image from the root directory, you can specify the full file path name e.g. “assets/img/headshot.png” as the file name. Hope that helps!

[@abbasz1]

Could you tell me how to include a link in there that could let me add a download link to my resume?

[@ShawhinTalebi]

Good question! Unfortunately, I don't think that is something supported by the minimal jekyll theme. However, if you write custom css and html you can drop the files in a fresh GitHub repo and GitHub will host it for you.

[@hadianasliwa]

love it!

[@angieyoon9900]

Thank you!

[@historia_tego_swetra]

Thanks, dude

[@ShawhinTalebi]

Happy to help!

[@gtasanandreas684]

I have a trouble displaying image on my github page, i used the theme exactly like in the video, the Jekyll theme minimal, the image appears on my github repo page, but didn't appear on my github page

[@ShawhinTalebi]

Not sure what that could be. Could you share the link?

[@gtasanandreas684]

@@ShawhinTalebi nvm, i fixed it

[@gtasanandreas684]

@@ShawhinTalebi turns out, you don't put slash at the beginning of the image path, so in my case, it should be like this "assets/image.png", not "/assets/image.png"

[@ShawhinTalebi]

Glad it worked. Hope this helps others with a similar issue.

[@ATothFTW18]

I am not getting the green dot, instead I get a red x. It says that the theme can't be found. Any idea why I am getting this?

[@ShawhinTalebi]

Might be a type in the _config.yml file. Double check that you have the following text-theme: jekyll-theme-minimal You can always clone the example repo and replace the details with your own info too: github.com/ShawhinT/example-portfolio/tree/main