A portfolio website is something most developers will attempt to build at some point in their careers. It can be a great tool for finding customers...
For further actions, you may consider blocking this person and/or reporting abuse
Really great article and solid advice. π
From my own experience a DONβT that I always recommend is βdonβt use progress bars nor percentages against your list of skills.β For example:
This is problematic because the values are too subjective. Does the above mean you know 99% of the CSS spec (even the draft spec) by rote? How do you measure that 5% difference between JS and TS? And how do you compare 80% βskillβ in a design tool (Figma) against βskillβ in a scripting language (JS)?
In my experience, itβs better to just list the skills and then show (rather than tell) your skill through your well developed and designed portfolio site and accompanying body of work.
Came to say this!
Also please no more typewriter animation
Hey!
It was trendy a couple of years ago, I know I need to redo my portfolio but this isn't gonna happen anytime soon, stop reminding me about it πππ
I was trying to make portfolio(retro-style) website for the first time, and I did typing animation because that seemed good for me and also I added the progress bars for the skills section. So yeah I did almost everything you said not to do
Yes. And why would you downplay yourself?
Well said, I totally agree!
What about rating skills out of 5?
For example Javascript 3/5
A fraction is just another way of writing a percentage (or a progress bar):
3/5 = 60% = ββββββββββ
In my experience, you are better off listing JavaScript skills you are proficient in, and then providing examples of work that reflect those skills.
For example, you might highlight your skills with async/await and interacting with REST APIs. You could show this by including a project that demonstrates your understanding, such as a static blog that generates its pages from the dev.to API.
Neat Article Ioana. I created my portfolio site 3-4 months back. I think it follows most of the "Do's" that you have mentioned. Can I have some feedback on it please !
shammisharma.netlify.app
Thanks.
Looks nice and clean! I wouldn't change anything, I think it does the job really well. I like the scrolling preview in your websites section. π
Thank you for your feedback Ioana. I'm glad you liked it.
It looks great.
Congratulations!
Good advice, totally agree!
I will add that redoing from scratch your portfolio is an option and in my case most of the time it's an "easy" project that shows me how I've improved since the last time I tried.
So if someone detects some red flags in their portfolio after reading this article, they can adjust it but if they did it a long time ago, it's totally fine to think about a new version.
One small nuance, don't use this as an excuse to build an unmaintainable portfolio :D
Great content
Thank you! I love reading various Do's and Don'ts, they're usually very informative :)
Witch one do you prefer to use for blog. Dark or light mode?
I personally prefer using dark mode anywhere I can. π
Best usability is giving the reader a choice! I am going to rework my (light mode) site so that users can choose dark/light/low-contrast modes, and, automatically read what the user's preference is via the browser so the site defaults to the mode they want without them needing to select it on the screen
Thanks, for advices. I have 30+ years working experience (tons of different places, designer -> developer). So I simplify to whole portfolio to a single page CV ... really minimalist design. Plus link to one of my npm modules: react-troll with this sentence:
This will lead the interview to my well known area.
Good advise.
One of the few DEV articles I've seen have actual care and effort put into it.
Nice job authoring this!
Thank you, it was lots of fun to write. π
Well I look forward to seeing future if you have plans to post more.
(Also I know this isn't the place, but welcome to DEV.)
Thank you, I definitely plan on posting more in the future! π
Hello Ioana Tiplea,
thank you for your article.
It was an easy read for me and I like how you show an example of things you recommend.
I also like the link which shows that mobile accounts for almost 60% of web traffic. This makes it not just a simple claim.
I also like that some terms link to websites that explain them (e.g. "call to action").
Hey Akin, thank you for the feedback, I really appreciate it! π
Wow nice one, I love this
Thanks a lot. Here's my portfolio - harsh-singh.in. please do give your feedback on it. I have gone for an unconventional design, but something that is not very cluttered.
Very cool! All the required info to contact you is immediately visible, and your projects are only one click away. It all works really well with the style you've chosen. An example of an unconventional design that works!
Your ASCII art is only half visible on mobile (you have to scroll sideways to see the rest), but I have no idea if it's even possible to change that. π€
Thank you for the feedback π. I will try to improve the Ascii art so that it is also visible on mobile devices. I can reduce the font size or break the two words and display them on two different lines.
Aahhh, no Mx employer person, I have ten years of experience in Animal Crossing, not MongoDB.
I see the confusion.
Β Β Β Β /j
Lol, final interview round: recruiter visits your town.
This is literally the interview process for being a full-time gamer. :ΓΎ
That last one... hurts πππ
I did this in may 2020
Building an efficient portfolio from scratch.
JoelBonetR γ» May 23 '20 γ» 17 min read
And didn't edited it again π³
Maybe you should π
Nevermind I'll re-do the entire thingy at any point π
Incredible adviceππ»
Feedback required on my portfolio website dev nation,
ayushseth.netlify.app/
Appreciated!