Feature: Add programming languages to 'Projects'

[benji011]

What

In https://portfolio.smakosh.com we have below:

Before

After

Why

I forked from this repo & added these changes and then figured this might be a cool thing to add here. If this is ok (or if it's not really needed) please let me know. Thanks!

[netlify]

Deploy request for gatsby-portfolio-dev pending review.

Review with commit 97097a8

https://app.netlify.com/sites/gatsby-portfolio-dev/deploys

[vercel]

@benji011 is attempting to deploy a commit to a Personal Account owned by Ismail Ghallou on Vercel.

@smakosh first needs to authorize it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/smakosh/gatsby-portfolio-dev/1fqsk5x8e
✅ Preview: https://gatsby-portfolio-dev-git-add-programming-languages-graph-ql.smakosh.vercel.app

[smakosh]

Hey @benji011 this looks cool actually, worried how it would look like when there are many, could you think of a way to handle the UI on that case?

[benji011]

Hi @smakosh ! I thought about that so I set the condition to be languages: first 3. In the case it's none an empty string is returned.

I think setting just 1 may infact even be enough. Is this what you mean?

[smakosh]

Hi @smakosh ! I thought about that so I set the condition to be languages: first 3. In the case it's none an empty string is returned.

I think setting just 1 may infact even be enough. Is this what you mean?

Yup, correct! Let me review your code real quick

[smakosh]

LGTM, thanks for the contribution @benji011 🚀