DEV Community

Cover image for I have a Portfolio now 👨‍💻🎉

I have a Portfolio now 👨‍💻🎉

Yash Dave on May 31, 2020

Edit Updated URLs to the new domain ♥ Hey Everyone, I'm very thrilled to announce that the first version of my portfolio website is ...
Collapse
 
vanaf1979 profile image
Stephan Nijman

Looks very nice. While you are looking for hosting for your projects, maybe you can just add some images so people can get an idea of what you created. Or just some links to Github repositories. Overall nice job. I love the function headers! :)

Collapse
 
amorpheuz profile image
Yash Dave

Ooof! Linking the GitHub repos, it escaped my mind, aha 😅

I will be updating them with images and repo links until I figure out how to host them! Thank you for your inputs ❤

Collapse
 
z2lai profile image
z2lai • Edited

Very neat portfolio! I would recommend improving the home page layout a little or getting rid of it completely since your About page makes a good home page. I feel that your home page is too cluttered, maybe add some extra spacing to separate the different sections more?

Collapse
 
amorpheuz profile image
Yash Dave

I can see how the home page might feel too cluttered. I will look into better layout options and improve spacing to make the sections more clear! Thank you for your pointers ❤

Collapse
 
jack_garrus profile image
Nadia Guarracino • Edited

Very original design, I really like the palette and the layout you chose! Gj! :)
Just a question: how are you going to implement the SEO? Are you planning to migrate to Next.js or doing it in Gatsby? I am asking because it is the last step that is missing in my website!

Collapse
 
amorpheuz profile image
Yash Dave

Thanks a ton! ❤

I will be sticking with Gatsby unless Next.js provides some significant benefits. I'm still researching on all the steps that I will be performing related to SEO, but here's what I have looked up till now:

  • I am following this guide by Google: support.google.com/webmasters/answ...
    • Eventually, I am planning to host on Netlify and so I will be using their new Sitemap Build Plugin to generate a sitemap and submit. The Gatsby Sitemap plugin is an option too.
  • Configuring a good robots.txt. More information can be found here support.google.com/webmasters/answ...
  • Mark URLs "canonical", Gatsby has a nifty plugin that u can implement here. These are important since if I post my blog to both DEV and my website, google will mark the content on my site as duplicate and won't index it.
  • A thing I have learned to improve my visibility on google is the correct use of Titles and tags. You should subscribe to the Blogging for Devs to learn more about it, as Monica Lent explains those in a very beginner-friendly way!

I will be producing a comprehensive blog post on what steps I performed once I am done with SEO 😁

Collapse
 
jack_garrus profile image
Nadia Guarracino

Thank you for your detailed answer! Can't wait for your next post about these stuff, you gained my follo! :)

Collapse
 
desenfirman profile image
Dese Narfa Firmansyah

Wow, that dark theme are look so nice. I hosted my personal website on GitHub pages with GatsbyJS too (you might check it out at desenfirman.github.io ). But I still had problem on my post that not indexed by Google. Did you have any ideas on it? (Eg: plugin or more configs, or etc)

Collapse
 
amorpheuz profile image
Yash Dave

I'm still researching the SEO & deployment sides of my website. Here's what I have researched about and plan to implement till now:

  • I would suggest you go through this support section by Google on how you can make it easier for Google to index your site: support.google.com/webmasters/answ...
    • Eventually, I am planning to host on Netlify and so I will be using their new Sitemap Build Plugin to generate a sitemap and submit it. The Gatsby Sitemap plugin is an option too.
    • To mark my URLs "canonical", Gatsby has a nifty plugin that u can implement here. These are important since if I post my blog to both DEV and my website, google will mark the content on my site as duplicate and won't index it.
  • A thing I have learned to improve my visibility on google is the correct use of Titles and tags. You should subscribe to the Blogging for Devs to learn more about it, as Monica Lent explains those in a very beginner-friendly way!
  • I will be producing a further blog post too once I am done with the deployment and SEO side of things where I will be outlining all the steps I took.

Your site looks cool 😎! Skillful use of the typing effect I would say, love the animations 😁

Collapse
 
kelechiodom10 profile image
Kelechi Odom

This is amazing. Like I love the concept behind all of it and the theme you went with. As people have said maybe adding a picture/link to the actual projects would be super helpful. Still doesn’t take away anything from the portfolio, great stuff man.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
guys1444 profile image
Guy

Looks great ! Nice design , would be very cool if some of the text had typing effect

Collapse
 
amorpheuz profile image
Yash Dave

One of my main goals with the site was having it load as fast possible, my current expertise(beginner level) with animations doesn't allow me to add any! I will be looking into subtle effects once I learn more. Thank you ❤️

Collapse
 
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝

I disagree - I think the typing effect is a little overdone XD But agree, the design of your site is lush!

Collapse
 
amorpheuz profile image
Yash Dave

Yup, I have been noticing the typing effect on a lot of websites haha! Thank you for the praises ❤️

Collapse
 
oacastillo2 profile image
Oscar Castillo

Hi Yash, I loved it the way you show up your portafolio, the palette of colours, the layout, and the content. My unique feedback, it's not a technical one but I think it might help you to get a higher pay for your work. It is regarding the picture of yourself that you use. In my opinion, you can add a photo that show you more professional despite that you're young.
Remember that the recruiters will pay attention to keywords and... your picture.

Hope that it help you!

Collapse
 
amorpheuz profile image
Yash Dave

Definitely some unique advice here! Thank you for it. ❤ Adding it to my TO-DOs for the next time I am in more formal attire!

Collapse
 
jmojico profile image
Julian Mojico

Congrats for this step!

The theme is good, but I agree with some comments about the colors. Maybe pick only 2 shiny colors and change the rest for gray or black variants.
Only my opinion.

Also viewing the projects in action can empower your code. It's very easy with jsfiddle, stackblitz or codesandbox!
Definitely you should pick that low hanging fruit.

Only some feedback, I really liked it. I might even take some ideas for my portfolio journey hehehe😁

Keep on the road!

Collapse
 
amorpheuz profile image
Yash Dave

Thank you! ❤

Yes, after all the requests + helpful tips about the projects, I'm definitely looking to tackle the project preview option as soon as I'm done finalizing SEO and Hosting. Feel free to grab ideas for your portfolio and do share it once ready!

Collapse
 
amorpheuz profile image
Yash Dave

Thank you! ♥

None of my projects are in active development right now, so nothing here as of now but what I would suggest you is checkout awesome-dotnet-core github.com/thangchung/awesome-dotn... it lists a ton of projects which you could look at for contributing to!

Collapse
 
spiritupbro profile image
spiritupbro

cool portofolio bro you design it yourself or what?

Collapse
 
amorpheuz profile image
Yash Dave

Thanks! The base components are from Gatsby-Theme-Terminal by Paul Scanlon, but I am steadily modifying those to my own liking as I build up increasingly on this. Structure, Colors, etc... are my own!

Collapse
 
spiritupbro profile image
spiritupbro

wow supa cool everybody use gatsby now thats why i thought i've seen this somewhere but i dont know which one exactly you use for design anyway great design

Collapse
 
webdev_chen profile image
Uchena Miller

Before I read the comments, I'm gonna add my opinion... first off good job on the portfolio 👍. Who remembers color psychology?

The colors for the websites are not so perfect on the eyes in my opinion, just looking at it doesn't compell me to read. As a front-end jr dev who follows UX principles. The User Experience is very poor.
I dont mean to discourage you and I understand that you have been combered with work so you used a theme instead. Cause ik the headache when it comes to sitting down and planning your work; layouts, design, etc. Dont get me wrong the content is good but choosing colors are very crucial, colors are to attract potential clients and readers. You have to make them feel welcomed and compelled to read. In development it's not about what you like it's about who you are attracting.

Collapse
 
amorpheuz profile image
Yash Dave

I will be adding further theme switches to the website too in the coming future, a light-theme version which is preferable to many folks and easier on eyes is on top of my TO-DOs.

I will try to read a bit more about color psychology. As a UX designer, could you recommend some resources... the few I have attempted at reading left me more confused due to their abstractness than enlightened. Thank you for your inputs! 😁

Collapse
 
webdev_chen profile image
Uchena Miller

Well for UX.. my resources are straight forward.

  • Instagram
  • Dribble
  • Google Search Engines

Key Components of UX for me
Observations - Observe how users in real time interact with websites and apps.

Principles - know the Principles, it gets you far if you have little to know knowledge.

Once your aware of the User Experience your good to go.

I'm glad to could help.

As Developers we are a large community and I think its good practice to highlight problems, mistakes among us and encourage.

Collapse
 
antoniogamiz profile image
Antonio

Hey! I have just seen your resume in PDF and I really like it! How did you do it? Latex maybe? :D

Collapse
 
amorpheuz profile image
Yash Dave

Haha, I wish I were this good with LaTeX. I have known about it for a long time but never worked with it enough to get to know it fully. This is just a free Word Template I picked from the Office website templates.office.com/en-us/balance... with some minor edits.

I loved how it's minimal usage of colour where it isn't too fancy nor too plain, just enough highlights!

Collapse
 
antoniogamiz profile image
Antonio

Thanks a lot for sharing it! :) Awesome portfolio btw

Thread Thread
 
amorpheuz profile image
Yash Dave

Thank you 😊

Collapse
 
bukazoltan profile image
bukazoltan

Hi, nice portfolio page... what I miss is links to your live projects or demos. Maybe that's intended.

Collapse
 
amorpheuz profile image
Yash Dave

I am looking at avenues where I can host those at affordable cost/free since most of them are monolithic apps requiring a database and business logic host. I see Azure as a choice since they have a certain free account which could facilitate hosting. But before I would commit to it, I would triple verify that I will not run up a bill since it would put me in an exceedingly tricky situation at home.

I would love to hear if you have some advice on how to solve this problem! Getting them hosted for visitors to review is something I would love to have. Thank you for your inputs 😁

Collapse
 
bukazoltan profile image
bukazoltan

I can also recommend Digital Ocean. Not free but you can set limits really well.

Thread Thread
 
amorpheuz profile image
Yash Dave

I have used DigitalOcean before, while I had some free credits. I loved how easy its UI was. I think understanding limiting usage on it would be the easiest. Thank you for your advice! 😀

Collapse
 
pavindulakshan profile image
Pavindu Lakshan

Try Heroku and Firebase hosting. They have nice free tiers without credit cards.

Thread Thread
 
amorpheuz profile image
Yash Dave

That's awesome, I will check those out for hosting too! Thank you for your advice ❤

Collapse
 
christinakal profile image
Christina Kaliora • Edited

Wow! This is great, nicely done, congrats. I love how you explain the problem in your projects. Keep it up 👍🏽

Collapse
 
amorpheuz profile image
Yash Dave

Thank you ❤

Collapse
 
monfernape profile image
Usman Khalil

That's very unique Yash. Especially the headings with function braces

Collapse
 
amorpheuz profile image
Yash Dave

Thank you ❤️ it is one of my favourite effects!

Collapse
 
rishisundar profile image
Rishi Sundar

Cool portfolio, looks great!

Collapse
 
amorpheuz profile image
Yash Dave

Thank you ♥

Collapse
 
developerkaren profile image
Karen Efereyan

Beautiful Yash. Absolutely beautiful

Collapse
 
amorpheuz profile image
Yash Dave • Edited

Thank you 😁

Collapse
 
quenquenpotter profile image
Quen-Quen

Awesome look and feel. Love the minimalist layout, geeky style and colors.

Collapse
 
amorpheuz profile image
Yash Dave

The geeky and a median between overly fancy & pure minimalist style was what I was aiming for! Thank you 😁

Collapse
 
ctrleffive profile image
Chandu J S

Really nice design ❤️

Collapse
 
amorpheuz profile image
Yash Dave

Thank you! ❤

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

It's a winner

Collapse
 
amorpheuz profile image
Yash Dave

ayeee! 🏆 thank you 😁

Collapse
 
dansimiyu profile image
dan-simiyu • Edited

Really good stuff here man. As a beginner I can really take some notes.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you! ❤ Glad to be of help!!

Collapse
 
leandrozacarias profile image
Leandro Zacarias

Nice work! I am following you now.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
phantas0s profile image
Matthieu Cneude

Nice work!

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😀

Collapse
 
monicalent profile image
Monica Lent

Thanks for the shoutout, Yash :) I saw a bump in signups for Blogging for Devs today and traced it back to your post! Excited to see what you build on your new portfolio site 🔥

Collapse
 
amorpheuz profile image
Yash Dave

No problem! 😁 It helped me out a ton with how I should be building up mine. Thank you ❤

Collapse
 
guys1444 profile image
Guy

Can you explain Abit on the development stage Such as frameworks you used and tools?

Collapse
 
amorpheuz profile image
Yash Dave

Talking a bit more about the development stage, my website is based upon the Gatsby framework. It is a Static Site Generator that has tons of benefits such as free/affordable hosting at beginner levels, speed, PWA support, fetch data from a variety of sources and so much more. They have an awesome community behind them which provides tons of support and plugins to make many complex tasks easier. The Terminal theme also uses Theme UI which is a library for easily creating awesome custom themes! It also relies on MDX format to make writing blog posts faster and easier without losing benefits of React Components.

The tools which I used during the development are:

  • VS Code my favourite text editor of all-time, has a ton of Plugins that are super helpful with my development workflow. Some of them are GitLens, ESLint, Live Share, Remote-WSL, and Better Comments!
  • Squoosh for optimizing all my images!
  • Coolors to help me decide on a colour palette.
  • GitHub Actions to automatically build from my development branch and deploy to GitHub pages. I use Gatsby Publish.
  • Line Awesome by Icons8 for the Icons. I love this initiative 😁!
  • Web.dev to checkout site performance and ensure compliance with different standards.

Finally, the DEV community itself has been an awesome platform, it has helped me solve tons of doubts with awesome blogposts, deepened my insight and all the constructive feedback towards the portfolio is the icing on the cake!

Let me know if you would like to hear more about something I mentioned. 😀

Collapse
 
deuspaul profile image
Paul Furlan

I loved the color scheme and the overall design. Nice work and congratulations!!

Collapse
 
amorpheuz profile image
Yash Dave

Thank you ❤

Collapse
 
jod35 profile image
Ssali Jonathan

It is a nice one.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
theague profile image
Kody James Ague

I love the design of your portfolio site.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😊

Collapse
 
hroman_codes profile image
Heriberto Roman

This is very very nice. Congrats!!

Collapse
 
amorpheuz profile image
Yash Dave

Thanks a ton 😁

Collapse
 
isajal07 profile image
Sajal Shrestha

Gives geeky, programmatic, robotic, and even aesthetic vibes. Overall, It's a cool and meticulous design. :)

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😄

Collapse
 
sirawit profile image
Dragodzs

wow, beautiful.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
madza profile image
Madza

I love the colors

Collapse
 
amorpheuz profile image
Yash Dave

Thank you! ❤

Collapse
 
malaquiasdev profile image
Mateus Malaquias

Nice design man, I really like it. Good job!!

Collapse
 
amorpheuz profile image
Yash Dave

Thanks a ton 😁

Collapse
 
ddewzy profile image
ddewzy

i loved your portfolio great job

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
rahilka profile image
Rahilka Simonova

Amazing, great job!

Collapse
 
amorpheuz profile image
Yash Dave

Thanks a ton, 😁

Collapse
 
amorpheuz profile image
Yash Dave

Thank you 😁

Collapse
 
essheck profile image
essheck

Great portfolio.
Really awesome look and feel.

Collapse
 
amorpheuz profile image
Yash Dave

Thank you ♥