DEV Community

Cover image for Project Twenty Five: Portfolio

Posted on

Project Twenty Five: Portfolio

And here we are at the final article of the series. Thank you for sticking with me and Merry Christmas!

Oh and I think that you are the best and therefore the whole world (including recruiters and clients) should know about it!

I know it's scary to share your creations with the world, but it's also important to do so - if not for a better paying gig - then for the sake of spreading inspiration.

I think every person possesses unique talents and can bring new ideas and new perspectives. I hope you will soon discover where your passions lie if you haven't yet!

Nonetheless, a master needs a canvas to showcase their creations and for a web developer it's a portfolio.

Portfolio: requirements and recipe

As a visitor I want to find works and information about the author, so that I could understand what author specialises at, get inspired and potentially hire their services

The most important part about a portfolio is to make it truly yours. Not only because you'd want to stand out on the market, but because you would want to find a place or project that fits your skills and aspirations.

And believe me, I know how overwhelming it is to stare at a blank page and not knowing where to start. I hope my suggestions would help. Let's get to requirements first.


  1. Your works should have titles, descriptions and keywords so that users could find them easily via search engine
  2. Lighthouse score is as good as it can be
  3. Include contact information for business inquiries
  4. Keep it clean and simple


  1. Start with the projects you'd like to showcase
  2. Create the most simple markup (mobile first) to hold your chosen projects
  3. Add contact information or a link to it
  4. Fill in additional texts: e.g. about yourself or your CV
  5. Imagine the way you'd like user to take: which pages should they visit first
  6. Add decorative elements and styling in accordance to hierarchy of elements users should interact with: make the link or a button you'd like them to press stand out
  7. Finally, check and adjust desktop layout
  8. Fix as much as possible issues that Lighthouse points out
  9. Deploy and share with the world!


Start simple and slowly add more details. Your portfolio should be change to represent your progress and vision.

Don't worry about the looks too much - clean and simple looks much more professional and elegant than over-the-top sparkling massive and heavy monstrosity (though if that's your thing - do just that please).

There are plenty places where you can deploy for free or very cheap: e.g. static sites can be hosted on GitHub pages and dynamic services and APIs on Deno Deploy.

Hard Mode: Don't get discouraged

The hardest part of showing your talents is to keep showing them even when no one is looking. It might take some time and iterations for you to find your first client or land a first job - but you'll get there if you don't give up.

I believe in you! You made it this far and you sure have something special to offer! So please to keep it hidden in the closet!

As always, feel free to reach out and I'd be happy to help with whatever I can.

Share your creations and feedback!

Liked the ideas a lot and would love to have it all year long?

Buy Me A Coffee

Top comments (0)