Building a Portfolio to Showcase Your Engineering Qualities

Portfolios have been used to encourage graphic designers, photographers, graphic illustrators, and artists, but they can be just as useful to software program engineers and builders. A application engineer is not just anyone who writes code all the time. Far more generally than not, computer software builders hail from various experienced backgrounds and job tracks, and are passionate about a large amount of items. A portfolio exhibits the artistic side of a application engineer who’s ready to commit time in detailing their perform not only to the general general public, but to recruiters, using the services of supervisors, and other engineers.

What a Portfolio Is, and Why You Want Just one

A portfolio is more than just a resume. It’s a portal into your earth of creativeness and engineering prowess. Just like a corporation advertises its brand name via a portfolio for its companies and items, you can way too as a computer software engineer.

A portfolio files objects that are not normally in a resume. As a program engineer, you are what you do. A picture is to a photographer as a task is to an engineer.

Your resume may perhaps speak of abilities that you at the moment possess, but without jobs to use them to, they are just hash tags and labels. A portfolio organizes the facts usually found in a resume centered on initiatives and marketable skills.

To maintain up with swift technology variations, you ought to be latest with your abilities. Skills are usually connected to the tasks you complete at perform or in your own time. A resume can be tedious if it’s just plain text. A portfolio can doc your jobs, spotlight the competencies pertinent to individuals jobs, and website link to live demos, video clip walkthroughs, and resource code repositories.

Like a resume, a portfolio can be printable, but it is finest to be in the format of an interactive web-site so that it can be searchable on the Website and usually up to day with your most current initiatives.

If you have encountered issues in a task and correctly solved them, doc the venture in a portfolio. Executing so will not only prove your specialized achievements, but will also emphasize your difficulty-fixing skills and persistence.

All through a work interview, a portfolio can be a discussion piece with recruiters, choosing supervisors, and other engineers. Speaking about your portfolio may just leave an indelible impression on your future boss for years to appear.

Setting up a Portfolio

Like any other website progress undertaking, your portfolio web-site can be implemented in quite a few diverse methods. Consider inquiring these questions whilst arranging your portfolio project.

  • Static or dynamic? Will your web page be a statically produced set of webpages or a dynamic one with a database?

  • Single-webpage or multi-web site? Will your portfolio site appear as a single-webpage application or SPA, or a multi-webpage website?

  • Responsive? Will your portfolio site be portable across various browsers, platforms, and units?

  • What is your price range? Are you looking to commit a sizeable amount of time and dollars to make your portfolio web site?

Answering these thoughts will enable you choose the place to establish and host your portfolio.

What’s in a Portfolio

Making a portfolio web site is like writing an short article. To start with, you need to have to generate an define of what you want to incorporate in your portfolio web page. Below are some suggestions.

About Part

Since a portfolio web-site is all about you and your achievements, don’t forget to introduce on your own in a helpful but qualified way. Aside from your title and purpose(s), try to incorporate an first tag line or quotation that you stay by that conveys your identity. Insert a small listing of objectives for your following job or role if you have one particular to match what your future customer or recruiter is looking for. Whilst not essential, you can also explain your personal passions.

The picture under shows that About webpage of Andrew Borstein.


The crux of your portfolio web page is your initiatives. Action again and get a glimpse at your previous achievements and decide on numerous tasks you are happy to showcase. For each individual venture, you can do the pursuing:

  • Arrange all the details desired to explain a task in terms of phrases, shots, videos, and source code, if out there.
  • Arrange your assignments in a grid or checklist presentation.
  • Label or tag the abilities involved in building the venture to include things like programming languages, environments, frameworks, and deployment.

Here’s an instance of that from the portfolio of Rafael Cafarati.

Projects organized on the portfolio site of Rafael Cafarati

Make contact with Page

Provide more than enough speak to information and facts to access you either by e-mail, cell phone, or a website kind. Listing added links where by recruiters can find out far more about you, these kinds of as hyperlinks to your LinkedIn, GitHub, and/or Twitter profiles.

Here’s an case in point for the portfolio web-site of Jack Tomaszewski.

Contact info on the site of Jack Tomaszewski


Hyperlink to a blog that you retain that documents your thought processes and crafting competencies. Recruiters are just as intrigued in your conversation design and your seem reasoning.

The impression beneath demonstrates an case in point from the web-site of Matthew Williams.

Blog posts on the site of Matthew Williams

Appointment Web page

If you are a freelancer accepting appointments from a possible shopper, embed a calendar application or deliver a backlink to a single. Simplify the procedure for a talent recruiter to talk to you about a place or venture they are hunting to workers.

Appointment Scheduler

Methods to Host Your Portfolio

Soon after you have a rough idea of what to current on your portfolio web page, it’s time to glance at where you can build and host it. The good news is, there are several options offered. Some of these are cost-free, paid out, standalone, or community-dependent. You may also be intrigued in creating your possess portfolio web page from scratch and host it on the Internet. Despite the fact that non-extensive, right here is a listing of options to take into account.

Portfolios with code repositories

If you deal with your assignments with Git, a free, open up-source, distributed variation control program, you can host your code repositories on the net at GitHub, GitLab, BitBucket, to title a few.

You can generate a static internet site for your assignments hosted on GitHub with GitHub Pages. You can pick a number of all set-made themes to spice up your portfolio site. In the same way, GitLab presents GitLab Pages, and BitBucket delivers BitBucket Cloud to host a static portfolio internet site from jobs produced at GitLab and BitBucket respectively.

As an different, Git Showcase is a hassle-free, simple-to-use and unbiased portfolio-building web site that allows you import links of your GitHub repositories and find those people you wish to showcase. You can spruce up your portfolio by including customized photos for each selected venture. Here’s a sample demo.

The previously mentioned alternatives are handy if you really do not have a great deal time to spare but nevertheless want a completely ready-designed theme to showcase your open up-source assignments. This may possibly be acceptable for again-end program engineers who decide for performance in excess of creative imagination.

If you desire to make portfolios on a system that supports a neighborhood of designers and builders, and you want to get suggestions from other posted portfolios, acquire a look at the subsequent assets.

  • Carbonmade is a well-liked portfolio-generating web site that supports a lot of layouts and models, unlimited pictures and videos, analytics, and more. It has a no cost-demo selection for you to structure your portfolio to your pleasure and only subscribe to a paid program when you’re completely ready to publish. To see what others have established in advance of you, stop by the Talent Pool. While produced for graphic designers and illustrators, Carbonmade can be adapted for program engineers with a flair for magnificence.

  • Coroflot is a no cost platform that lets structure and imaginative pros establish and host their portfolios, market their services, and link with recruiters. If you are a program engineer concerned in solution layout and improvement, net style, UX/UI, and usability engineering, you can make your existence, understand from others and connect to your next occupation possibility at Coroflot.

  • SquareSpace is a absolutely integrated and abundant system that specializes in ecommerce, membership, running a blog, launching pages, and even portfolios. When you come to be a member, you can publicize your companies or products and solutions at SquareSpace’s Marketplace. Although on this system, you can also be a part of SquareSpace’s discussion board to learn and focus on ideal procedures with other SquareSpace consumers and experts. SquareSpace also presents webinars to assistance you hone your abilities in becoming a SquareSpace expert. If you determine to go with SquareSpace, you can profit from its appointment scheduling extension that integrates completely into your portfolio site. You can commence at SquareSpace as a trial member and examine out lots of characteristics just before subscribing to a paid plan.

  • Dunked is a professional system frequented by photographers, designers, artists, and illustrators. Signing up for the neighborhood as a computer software engineer will be a superb addition as you can check out the various layouts and templates to build an amazing portfolio that will incorporate a touch of course. Dunked gives a clean, basic-to-use interface for planning and making portfolios that are responsive on different products. Look at out its choices throughout its free 10-working day demo interval.

If you crave a neighborhood, need inspiration from many others, and quite possibly want to market your expert services in the neighborhood or join to member recruiters, making a portfolio web-site with a supportive local community is a little something to contemplate. Hanging out with other imaginative designers may be an inspiration for front-conclude UI/UX builders.

Impartial web sites with portfolio themes

If you are much more of a soloist and never need to have the assistance of a community, you can still build a web-site with a portfolio topic to showcase your perform. Consider some of these hand-picked choices.

  • Google Web sites is totally free to customers with Google accounts to develop static web sites. Amid the many themes it supports, a portfolio topic that you can customise will be what you want.

  • Strikingly, as its name implies, allows you establish strikingly gorgeous, cell-helpful web-sites that are either single-web site or multi-website page. Featuring each absolutely free and paid out options, Strikingly is a neat choice to create and host your future portfolio internet site. Examine out its portfolio template, get inspiration from dwell consumer web pages, and investigate Strikingly on your own.

  • Blogger is a different Google merchandise that lets Google people make no cost weblogs utilizing quite a few prepared-manufactured templates. You can convert a website into a portfolio web page by setting up a 3rd-celebration portfolio theme. Check out and down load beautifully crafted totally free themes below.

  • WordPress is an open-supply information administration program that is freely offered to the community. features absolutely free portfolio themes that you can apply to change a frequent website to a portfolio web page. A self-hosted version of the WordPress site that offers you more regulate and customization is out there on numerous cloud services these as AWS and shared website internet hosting expert services this sort of as Hostgator. Following deploying a self-hosted WordPress web-site, you can look through its related market for free and paid portfolio themes.

Construct from scratch

Finally, if you’re adventurous, creative and individual, you can develop a tailor made, static portfolio site from scratch using your awareness of HTML, CSS, and JavaScript, and host it on the Web.

If you’re properly-versed in Django, you can develop your possess portfolio application and host it in the cloud, these types of as Amazon Net Solutions, Azure (Microsoft Azure Cloud Computing Services) or Google Cloud. Below are a couple open-source Django portfolio projects that may possibly inspire you to construct your possess app or clone an current one.

If you’re a Node.js developer, consider a glance at these superb open-source assignments for some inspiration.


The path to securing a occupation is not effortless. A resume is frequently the 1st step. On the other hand, if you supplement your resume with a reside interactive portfolio website, executing so would speak volumes about your complex encounter and know-how. Investing in an spectacular portfolio will boost your marketability and support you land your aspiration work.