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 :)

[@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.

[@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!

[@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!

[@phanicekemunto3880]

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

[@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!

[@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!

[@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 :)

[@felipeperilla]

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

[@ShawhinTalebi]

Thanks, glad it was clear!

[@athenasalomons5847]

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

[@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!

[@__KitaBisa]

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

[@shamsadrahman]

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

[@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 :)

[@viralshorts9596]

very informative, concise and straight to the point

[@Calculate9987]

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 😁

[@MrTdib]

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

[@ShawhinTalebi]

Glad it helped!

[@Smrigankiitk]

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

[@ShawhinTalebi]

Great to hear :)

[@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!

[@anupkolhe]

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

[@Oxana191]

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

[@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!

[@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 😂

[@CraszyAsce]

Thanks man, very helpful. Straightforward and practical implementation.

[@ifycadeau]

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

[@ShawhinTalebi]

Happy to help!

[@sandikaawale7990]

There is a problem in building deployment. Read me file and config.yml showing failures after commit changes

[@MelissaLamelza]

This is absolutely fantastic! Thank you sir!

[@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.

[@orquideamohammed1541]

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

[@ShawhinTalebi]

Happy to help :)

[@AK-ox3mv]

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

[@rishikesanravichandran9914]

Thank you Shawhin for sharing this!!

[@ShawhinTalebi]

Happy to help!

[@HassanZhang]

Thanks Shaw, this video helps me a lot.

[@KeivanFathollahzadeh]

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

[@ShawhinTalebi]

Glad it helped!

[@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?

[@carlosruizjimenez]

easy done! great walkthrough 🙃

[@conniekennedy2222]

Thank you!! I struggled so much with the documentation

[@ShawhinTalebi]

I’m glad it helped!

[@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.

[@akiemcameron5303]

This showed up with perfect timing

[@ShawhinTalebi]

Glad to hear! :)

[@gmbdal]

Thank you so much Shaw! Lifesaver!

[@rahiembrooks6837]

Great advice. I will be using this method.

[@ShawhinTalebi]

Glad it helped!

[@gokulbalagopal9733]

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

[@ShawhinTalebi]

Thanks Gokul, hope it helps!

[@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

[@mateusdealencar5622]

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

[@ShawhinTalebi]

Happy to help!

[@michelle4127]

Thanks! This was so helpful!

[@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 ?

[@petertkatchenko7703]

Very helpful tutorial!

[@Deviitt11]

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

[@ShawhinTalebi]

Awesome, glad it helped!

[@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?

[@aidenyannn]

Thanks for your contribution!

[@parralelife]

Great! it is very helpful. 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

[@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

[@alejogarat3866]

Thank you! Straightforward.

[@amwalonline]

Thanks Shaw for sharing .. it was very useful.

[@cyrilcycadiou9962]

Thanks a lot man , it was amazing and simple

[@nathanmoura6319]

Thanks Shaw, this was very helpful!

[@ShawhinTalebi]

Glad it was helpful!

[@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

[@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

[@yudhaprawira8890]

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

[@Daniel-ru3ww]

Amazing! That's really helpful!

[@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.

[@deadbeat_genius_daydreamer]

Absolutely amazing 💯/💯

[@ShawhinTalebi]

Thanks 😁

[@muskanshokeen2884]

This was really helpful! Thanks

[@SergioHernandez-wd7mb]

Thanks!

[@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/

[@larsthomsen6434]

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

[@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?

[@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

[@jogam2986]

Love you! Suscribed

[@ShawhinTalebi]

Glad it helped. Thanks for the subscribe :)

[@ArunKumar-il7hv]

Hey thanks man its really helpful

[@ElectronicBarta]

very effective video. thanks for sharing.

[@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"

[@user-wr4yl7tx3w]

great stuff!

[@ShawhinTalebi]

Thanks!

[@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

[@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

[@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.

[@rawad1095]

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

[@ShawhinTalebi]

Happy to help!

[@lahloudjiken]

very helpfull. Thank you

[@openabox2150]

thank you for this!

[@TheresaKincaid-g3y]

Thank you!!

[@barlettemakuwe4910]

Thanks Shaw

[@ShawhinTalebi]

Happy to help!

[@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

[@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!

[@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!!

[@ahlemmdini8665]

this was helpful. thank u

[@raghavsharma4855]

the image is not loading for me any idea why that would be ?

[@ShawhinTalebi]

check the spelling of the folder names and ensure they match the config file. If you're still having issues, you can always clone the repo and replace the content with your own info.

[@sippawith]

TYSM this is so easy

[@vendetta4224]

i followed the same as you did, but my headshot.png is not visible in my website, what could i have done wrong here?

[@Brian-xb7qv]

This did not work for me at Build and deploy, I had red X. How to fix that?

[@ShawhinTalebi]

Could be a few different things. You could try debugging by comparing to the example repo: github.com/ShawhinT/example-portfolio

[@siridu9519]

The theme button was not there!

[@siridu9519]

You saved my life for this afternoon. Otherwise, I would have explored a few hours!

[@hadianasliwa]

love it!

[@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

[@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.

[@soumya9]

Super helpful!

[@ShawhinTalebi]

Great to hear!

[@leichen2802]

Thank you for let me know the right format of the theme code, that annoying me an hour...

[@ShawhinTalebi]

I was in the same boat. I'm glad this helped!