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?

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

[@shamsadrahman]

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

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

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

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

[@anupkolhe]

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

[@CraszyAsce]

Thanks man, very helpful. Straightforward and practical implementation.

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

[@Smrigankiitk]

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

[@ShawhinTalebi]

Great to hear :)

[@user-xh1rr5gi6c]

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

[@MrTdib]

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

[@ShawhinTalebi]

Glad it helped!

[@gmbdal]

Thank you so much Shaw! Lifesaver!

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

[@rishikesanravichandran9914]

Thank you Shawhin for sharing this!!

[@ShawhinTalebi]

Happy to help!

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

[@ifycadeau]

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

[@ShawhinTalebi]

Happy to help!

[@parralelife]

Great! it is very helpful. Thank you ❤🎉

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

[@carlosruizjimenez]

easy done! great walkthrough 🙃

[@MelissaLamelza]

This is absolutely fantastic! Thank you sir!

[@ShawhinTalebi]

Happy to help :)

[@penninahgathu7956]

This was very helpful. Thank you so much!

[@mateusdealencar5622]

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

[@ShawhinTalebi]

Happy to help!

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

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

[@Daniel-ru3ww]

Amazing! That's really helpful!

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

[@Deviitt11]

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

[@ShawhinTalebi]

Awesome, 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.

[@nathanmoura6319]

Thanks Shaw, this was very helpful!

[@ShawhinTalebi]

Glad it was helpful!

[@amwalonline]

Thanks Shaw for sharing .. it was very useful.

[@michelle4127]

Thanks! This was so helpful!

[@AK-ox3mv]

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

[@alejogarat3866]

Thank you! Straightforward.

[@orquideamohammed1541]

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

[@ShawhinTalebi]

Happy to help :)

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

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

[@user-vh2hm3wg3d]

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

[@ShawhinTalebi]

Glad it helped!

[@aidenyannn]

Thanks for your contribution!

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

[@rahiembrooks6837]

Great advice. I will be using this method.

[@ShawhinTalebi]

Glad it helped!

[@ArunKumar-il7hv]

Hey thanks man its really helpful

[@petertkatchenko7703]

Very helpful tutorial!

[@hanshuber8823]

Super helpful ! :)

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

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

[@cyrilcycadiou9962]

Thanks a lot man , it was amazing and simple

[@openabox2150]

thank you for this!

[@TheresaKincaid-g3y]

Thank you!!

[@gokulbalagopal9733]

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

[@ShawhinTalebi]

Thanks Gokul, hope it helps!

[@yudhaprawira8890]

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

[@deadbeat_genius_daydreamer]

Absolutely amazing 💯/💯

[@ShawhinTalebi]

Thanks 😁

[@user-wr4yl7tx3w]

great stuff!

[@ShawhinTalebi]

Thanks!

[@akiemcameron5303]

This showed up with perfect timing

[@ShawhinTalebi]

Glad to hear! :)

[@jogam2986]

Love you! Suscribed

[@ShawhinTalebi]

Glad it helped. Thanks for the subscribe :)

[@ElectronicBarta]

very effective video. thanks for sharing.

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

[@niveditabhadra]

Awesome!

[@angieyoon9900]

Thank you!

[@rawad1095]

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

[@ShawhinTalebi]

Happy to help!

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

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

[@ahlemmdini8665]

this was helpful. thank u

[@sippawith]

TYSM this is so easy

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

[@hadianasliwa]

love it!

[@barlettemakuwe4910]

Thanks Shaw

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

[@hugopristauz538]

super interesting

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

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

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

[@brandieddy5012]

So helpful

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

[@historia_tego_swetra]

Thanks, dude

[@ShawhinTalebi]

Happy to help!

[@justinabner4266]

Well done

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

[@rajatrj5714]

There was an error committing your changes: File could not be edited .. i am getting this error while making _config.yml

[@ShawhinTalebi]

Not sure what that could be. Did you create a new repo?

[@kcreate9253]

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

[@ShawhinTalebi]

I used Canva!

[@katyhessni]

Thanks

[@spencerantoniomarlen-starr3069]

My image isn't showing up on the webpage :(

[@ShawhinTalebi]

Check the name of the "_config.yml" file.

[@shubhammalik5713]

How to I go about securing a job as a data scientist, having 6 months internship experience!

[@ShawhinTalebi]

While it's hard to give advice without knowing more about your specific situation, I share my personal best practices here: medium.com/the-data-entrepreneurs/selling-yourself-in-data-science-178ee0cd33f

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

[@rajatrj5714]

brother from where i can get a data scientist project for my resume ... i am fresher .. do you know any website or KZbin channel which has covered DATA SCIENCE projects in their KZbin channel .. i have been Pursuing Machine Learning with Python-From Linear Models to Deep Learning from MITx .. but i need something to fill my resume and some experience related to data science to get a job

[@ShawhinTalebi]

The best source for projects (and data) is the real world. A few ways to do this are: - volunteer at a research group (if you are at a university) - get an internship - identify a problem that's interesting to you and find relevant data online However, if you are just getting started and this is too much of a stretch. Kaggle is a good starting place for your first project.

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

[@barlettemakuwe4910]

Which websites are best for entry level data scientist 🤔

[@ShawhinTalebi]

What sort of websites do you mean?

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

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

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

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

[@cheersworganized]

How did you add the links to your projects

[@ShawhinTalebi]

It uses markdown so the syntax is like this: (text)[link] You can see the markdown file I used here: github.com/ShawhinT/example-portfolio/edit/main/README.md

[@minhajali3671]

thanks bud

[@ShawhinTalebi]

Happy to help!

[@marcelstepka7422]

nice

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