{"id":444,"date":"2021-12-10T01:07:00","date_gmt":"2021-12-09T23:07:00","guid":{"rendered":"https:\/\/arc.dev\/developer-blog\/?p=444"},"modified":"2024-09-10T15:23:03","modified_gmt":"2024-09-10T07:23:03","slug":"software-engineer-portfolio","status":"publish","type":"post","link":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/","title":{"rendered":"How to Build a Software Engineer Portfolio (With Examples &#038; Tips)"},"content":{"rendered":"\n<p>Unlike more visual vocations like design, architecture, or film, the idea of a personal portfolio isn\u2019t a requirement to get a job in software engineering. <\/p>\n\n\n\n<p>However, between picky employers and a dearth of new bootcamp developers and fresh grads to compete with, it can be a fantastic tool for helping you land that next role. <\/p>\n\n\n\n<p>Before I dive into the ins and outs of <strong>how to make a software engineer portfolio<\/strong> and what should go into it, let\u2019s first make sure have a shared understanding of what a software engineer is.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Web Developer Portfolios: Why You Need One &amp; How To Make It | Arc.dev\" width=\"1128\" height=\"635\" src=\"https:\/\/www.youtube.com\/embed\/yeKgejV-3YI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p id=\"block-c1815ac5-6b40-4683-8052-7b1aabff6c23\"><strong>Find your dream remote job faster with Arc.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Development, design, and marketing roles<\/li>\n\n\n\n<li>US-based startups and tech companies<\/li>\n\n\n\n<li>Choose freelance or full-time remote work<\/li>\n<\/ul>\n\n\n\n<p>Work from\u00a0<em>anywhere<\/em> in the world on your terms.<br><strong><a href=\"https:\/\/arc.dev\/talent\">Join Arc now <em>\u2192<\/em><\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Software Engineer vs Developer vs Programmer<\/h2>\n\n\n\n<p>This is a topic that can light a fire under many an otherwise laid-back developer. I have written on this topic before and enjoyed the comment section immensely! <\/p>\n\n\n\n<p>While I don\u2019t believe any one is better than the other I do think there are different modes of working that fit these names and we all move between them throughout our careers. <\/p>\n\n\n\n<p>Let\u2019s take a look at each in turn so we can get a firm idea of what to put in a software engineer portfolio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Programming<\/h3>\n\n\n\n<p>This is the act of writing code, the foundation we build our careers on, simply instructing a computer to complete a task. Programming could be a simple shell script or a self-contained Jira ticket as part of a larger feature. Leetcode and interview problems fall into this category nicely. Often this mode is the most fun as we are simply <a href=\"https:\/\/arc.dev\/developer-blog\/problem-solving-skills\/\">solving the problem<\/a> in front of us.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Software development<\/h3>\n\n\n\n<p>Here we are thinking about a larger problem space, perhaps linking multiple services together, operating through the full stack (web or native), or building a framework or library. There are external considerations to consider, interfaces to maintain, and API contracts to be mindful of. <\/p>\n\n\n\n<p>Our work likely impacts other parts of the system, and, if on a team, other people as well. The output of our work here is likely the most appreciated by a user and the easiest to show off and point to as \u201cI made that.\u201d<\/p>\n\n\n\n<p>While we&#8217;re mostly focused on the difference between programming, software development, and software engineering, I want to add that, with complex, full-stack projects like these, you may want to leverage <a href=\"https:\/\/inoxoft.com\/service\/outsourcing-software-development-services\/\">software development outsourcing services<\/a>. Outsourced dev teams bring specialized expertise to tackle the intricacies of large-scale development initiatives. By routing work to dedicated outsourced teams, the scope of what organizations can build expands greatly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Software Engineering<\/h3>\n\n\n\n<p>Software engineering is less about the code that is written and more about the design decisions taken, the technologies chosen, and the overall architecture of a system. When engineering a solution, you need to consider the broadest context that the system operates in, hardware requirements, scalability, design and architecture patterns, developer experience, maintainability, deliverability, and business requirements. You can consider elevating your digital presence with a <a href=\"https:\/\/cieden.com\/ui-ux-saas-design\">SAAS design agency<\/a> that understands the heartbeat of your vision.<\/p>\n\n\n\n<p>Unlike older disciplines such as civil, mechanical, or electrical engineering, software doesn\u2019t have a universally agreed upon definition of its engineering standards, and so much of this is subjective. But ultimately, in my opinion, the engineering in software has little to do with the code you write and more to do with the <em>whys<\/em> behind the system you build.<\/p>\n\n\n\n<p>Given the above, we can see that a software engineer is a developer, and a developer is also a programmer, but a programmer or developer is not necessarily a software engineer. It all depends on the context and scale of the work being undertaken.<\/p>\n\n\n\n<p>Rather than viewing these definitions as an evaluation of the person undertaking the work, view it more as an evaluation of the work and the mindset required to complete it.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/non-technical-common-interview-questions\/\">Common Interview Questions for Software Developer Jobs (Non-Technical)<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a Software Engineer Portfolio?<\/h2>\n\n\n\n<p>After defining the above terms, how do we now determine what a software engineering portfolio is?<\/p>\n\n\n\n<p>In the simplest terms, a software engineer portfolio is a summary of work you have completed that shows you are a capable software engineer. It is your landing page, your sales page used to score a job interview or find new clients.<\/p>\n\n\n\n<p>With that in mind, we can start to understand what to include in a software engineer portfolio by considering the target audience. When applying for work there are two groups to consider:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Recruiters (both internal and external) &#8211; non-technical<\/li>\n\n\n\n<li>Hiring managers &#8211; technical<\/li>\n<\/ol>\n\n\n\n<p>In all but the rarest of cases, recruiters are not technical. While they can pattern match requirements to skills with keywords such as <em>Kubernetes<\/em> or <em>embedded<\/em>, it\u2019s unlikely they can explain the difference between <em>UIKit<\/em> and <em>SwiftUI<\/em>, beyond simply that one is newer than the other.<\/p>\n\n\n\n<p>On the other hand, hiring managers care very deeply about the meaning behind the terms above. They are looking to fill a role with the most qualified and experienced candidate they can within the headcount and budget they have. If they are explicitly looking for software engineers, we can assume that they don\u2019t just care about the \u201chow\u201d of the work you have done but also the \u201cwhy\u201d behind it.<\/p>\n\n\n\n<p>So a good portfolio of software engineering work should convey all of the above to two different target demographics in an easy-to-understand and concise package that they can absorb in a couple of minutes! <\/p>\n\n\n\n<p>Quite the undertaking.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/web-developer-portfolio\/\">How to Build a Powerful Web Developer Portfolio (With Examples!)<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Benefits of a Portfolio for Software Engineering Jobs<\/h2>\n\n\n\n<p>There are a lot of benefits to having a software engineer portfolio but a question I hear a lot is:<\/p>\n\n\n\n<p>If I have a CV&nbsp;or resume, then why do I need a portfolio?<\/p>\n\n\n\n<p>This makes it clear not everyone has bought into the idea of a portfolio, but let\u2019s look at some benefits:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Stand out from the crowd<\/h3>\n\n\n\n<p>While demand for software engineers is at an all time high, it is still a challenge to land the most coveted positions that can take your career to the next level. Very few of us are fortunate enough to have FAANG (Facebook, Apple, Amazon, Netflix, and Google) experience or a&nbsp;Stanford, Oxford, or IIT degree on our resumes. So, we need to fill our quiver with as many digital arrows as possible, and a great online engineering portfolio can act as a quiver and arrow at the same time! While facing challenges like an <a href=\"https:\/\/consumerattorneys.com\/article\/amazon-background-checks-everything-you-need-to-know\">Amazon background check denied<\/a>, building a robust software engineer portfolio becomes crucial.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Single destination<\/h3>\n\n\n\n<p>With the myriad of places you can be online nowadays, from the stalwarts of LinkedIn and Twitter to the designer and engineer specific corners, such as Dribble and Github, it\u2019s difficult to know where that <em>one best place<\/em> is to send prospective employers or collaborators. <\/p>\n\n\n\n<p>Many will say LinkedIn, but that\u2019s a pretty poor way to show your developer skills. Others will say Github is the one true location for developers, but, referring back to the target audiences of your portfolio, a recruiter isn\u2019t going to get much there. Your software engineer portfolio, ideally at your own domain, is the best place to showcase what makes you a uniquely qualified candidate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Progressive disclosure<\/h3>\n\n\n\n<p>To steal a term from UX, your own portfolio allows you to reveal information about yourself in the order and pace that you think is best. Unlike Github, that shows all your code immediately, or Twitter, which shows your most recent thoughts, you can design your own website to walk a visitor through your career, skills, and achievements in the order you see best. <\/p>\n\n\n\n<p>Perhaps the thing you want to show people first is a significant PR you submitted to a large open source project. Maybe it&#8217;s an app you developed in your spare time. Perhaps you are new to the field and your degree or bootcamp is the best starting point. Your portfolio, your choice.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/linkedin-best-practices-for-remote-developers\/\">10+ Important LinkedIn Best Practices for Remote Software Developers<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2024\/10\/Talent-blog-CTA-banner.png\" alt=\"work the way you want from anywhere in the world\" class=\"wp-image-2742\" srcset=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2024\/10\/Talent-blog-CTA-banner.png 800w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2024\/10\/Talent-blog-CTA-banner-300x75.png 300w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2024\/10\/Talent-blog-CTA-banner-768x192.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p class=\"has-text-align-center\">Arc is the best place to find great remote jobs. Find great remote jobs at top startups and tech companies. Freelance and full-time remote opportunities are available. <br><a href=\"https:\/\/arc.dev\/join-arc?utm_source=arc-blog&amp;utm_medium=cta&amp;utm_campaign=general\" data-type=\"URL\" data-id=\"https:\/\/arc.dev\/join-arc?utm_source=arc-blog&amp;utm_medium=cta&amp;utm_campaign=general\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Sign up here<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6 Powerful Elements for a Solid Software Engineer Portfolio<\/h2>\n\n\n\n<p>Now, let\u2019s look at what to put in your software engineer portfolio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">About information<\/h3>\n\n\n\n<p>Your portfolio is about you, so make sure to include an about section or about page that is easy to find. You don\u2019t need to be too personal if you don\u2019t want to, but avoid the typical stilted resume summary section blurb that is all adjectives and no substance. <\/p>\n\n\n\n<p>An overview of the type of work you like, what makes you tick, and what you want from the next few years. Professionally friendly is the ideal tone of voice to use here.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Contact details<\/h3>\n\n\n\n<p>The number one reason to have a portfolio is to encourage people to contact you, so make that very easy for them. An obvious contact form or easy-to-find email is pretty important to a successful portfolio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Skills and abilities<\/h3>\n\n\n\n<p>People will want to know what skills you have, so remember to highlight the things that you think make you a great software engineer. Are you a TDD wizard, a Design Pattern guru, or a scalability ninja? If so, then those are the kinds of things to make prominent. <\/p>\n\n\n\n<p>Avoid the percentages and bar charts of years gone by, they create visual noise. No one really knows what \u201c75% Angular\u201d means anyway!<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/mistakes-applying-first-developer-job\/\">12 Common Mistakes Keeping You From Landing Your First Developer Job<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Projects<\/h3>\n\n\n\n<p>This is where the real meat of your portfolio should be, and, depending on the type of work you have done in your career, it could be quite challenging to populate. Many of us spend much of our careers working on proprietary systems that we can\u2019t talk about. <\/p>\n\n\n\n<p>If you\u2019ve spent much of you time developing DevOps systems for a bank or embedded firmware for an appliance manufacturer, you might also be wondering what you can even do to demonstrate your skills. Well, never fear, I have dedicated a whole section below to this problem!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Blog \/ Podcast<\/h3>\n\n\n\n<p>It\u2019s unlikely you\u2019ve made it this far in your career without developing a few opinions on best practices along the way. In fact, one of the reasons people want to hire you is for those opinions. An unopinionated experienced developer is more concerning than an inexperienced junior developer. <\/p>\n\n\n\n<p>Taking the time to write those opinions down and share them on your portfolio shows that you are experienced and able to effectively communicate your ideas. As we move to more asynchronous remote work, this is a vital skill that companies are going to actively seek out. If you prefer talking to writing, then a solo podcast is a great alternative, although you won\u2019t get as much of an SEO benefit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Links<\/h3>\n\n\n\n<p>Your software engineer portfolio is your little professional corner of the internet. It acts as a stepping off point for people to see more,&nbsp;so point people to the places you want them to go. This is where you link to your LinkedIn, Github, Dev.to blog, and anywhere else where you have a professional presence that showcases your software engineering credentials.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/standing-out-as-self-taught-developer\/\">How to REALLY Get a Job as a Self-Taught Developer (6 Important Tips)<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Projects for a Software Engineering Portfolio Website<\/h2>\n\n\n\n<p>Perhaps the hardest part of making a portfolio is what to include that showcases your skills. <\/p>\n\n\n\n<p>Here are three approaches, and at least one of them is guaranteed to work for your case. They have been listed from least effort to most effort.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Showcase public work<\/h3>\n\n\n\n<p>If you have worked on user-facing features for a website or app, or your code was used as part of an event that is referenced online, then there is a strong chance that you are able to write about that. Maybe you worked on the recommendation algorithm for Airbnb or the control software for a feature film or a big fireworks display. If so, the output of that is public already. <\/p>\n\n\n\n<p>Include a few screenshots or video, a summary of your contribution, the <em>how<\/em> and the <em>why<\/em> behind the process and design that you influenced, and a list of technologies involved. Obviously you need to be cognizant of the types of information you can share \u2014 perhaps don\u2019t detail security protocols for Volvo\u2019s keyless unlock system if you worked on that! \u2014 but talking about implementing CI\/CD best practices and migrating from legacy code to a safer modern language should be fine. When in doubt, speak to management if you can, or simply stick to information that is already public.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/when-you-are-no-longer-junior-developer\/\">When Can You Stop Calling Yourself a &#8220;Junior&#8221; Software Developer?<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Open source contributions<\/h3>\n\n\n\n<p>If you really can\u2019t talk about the work you have done, then it\u2019s time to turn to open source. Open source projects of any decent size are generally crying out for contributors, and, if your employer is already leveraging open source technologies, you might be able to make some contributions on work time by selling the \u201cgiving back to the community\u201d line. <\/p>\n\n\n\n<p>Find an area of a large project that needs improving, and, over the course of a few days or weeks, make an impact worthy of a place on your software engineering portfolio. Don\u2019t take this as an opportunity to learn something new. You have a specific end goal here: to create evidence you are a top-notch software engineer. <\/p>\n\n\n\n<p>Find something in your wheelhouse, perhaps closely related to work you have done before, and engineer a solution that you would be proud to put your name to. Make sure the project actively takes contributions, as some projects let PRs hang for years before pulling in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Make something from scratch<\/h3>\n\n\n\n<p>If you want to be in control of your own destiny, then it\u2019s best to make a project from scratch. Embark on the exciting journey of game development by learning how to <a href=\"https:\/\/themindstudios.com\/post\/how-to-make-an-idle-clicker-game\/\">make a clicker game on Scratch<\/a>. Enhance your coding portfolio and showcase your creative programming skills. Usually I would now tell you my three tenets of an effective portfolio project: small, complete, and functional. However, that advice is targeted at earlier stage developers who simply need to show they can produce functioning code that solves a problem. <\/p>\n\n\n\n<p>Your job is a bit different here. You need to show not only that you can make something, but that you can do it in a way that upholds and adheres to your industry\u2019s best practices. It needs to be open source, so hosting your code on GitHub is a must. Beyond that, though, it really comes down to the expectations and standards of your industry. <\/p>\n\n\n\n<p>Again, the aim isn\u2019t to learn something new or <a href=\"https:\/\/arc.dev\/developer-blog\/problem-solving-skills\/\">solve some unique problem<\/a>. You\u2019re not making a startup here, you are demonstrating that you have the skills to deliver value and raise the level of engineer practice in a team or company. If you\u2019ve never worked on the UI aspect of software, then that\u2019s fine, make a library, an API, or an automated deployment pipeline.<\/p>\n\n\n\n<p>One of these three tactics will help you create or find work that you can talk about. Whichever approach or approaches you go with, you need to display the information in an easy to understand and digestible way. Remember the progressive disclosure that we talked about before. Screenshots, videos, or interactive drop-ins help get non-technical people interested. Then, architecture diagrams, Swagger documentation, and a link to GitHub cements that interest with technical visitors.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/get-your-developer-profile-noticed\/\">5 Great Ways to Get Your Profile Noticed as a Software Engineer<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Tips to Make a Great Software Engineering Portfolio<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Usual web rules apply<\/h3>\n\n\n\n<p>Unless you happen to be a UI\/UX expert, stick to the tried and true.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Don\u2019t make it yourself<\/h3>\n\n\n\n<p>Many people spend months making and remaking their portfolio. Oftentimes, they treat their software engineer portfolio website as one of their projects. But, unless you have the design chops to stand out on Dribbble, you are far better off buying a theme from ThemeForest for WordPress or using Squarespace. <\/p>\n\n\n\n<p>Your time is more effectively spent creating evidence you are an amazing software engineer than wrangling CSS. Remember: artists don\u2019t make their own frames!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Include your personality<\/h3>\n\n\n\n<p>You don\u2019t need to reveal more than you want, but people like people, and this is your place to give them insight into who you are. If you like bright colors, then make sure your site reflects that. If you like writing, then highlight your blog. And, if you\u2019re into Web 3.0, then showing off your NFTs is obviously the way to go.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/benefits-of-working-from-home\/\">Here Are 8 Great Advantages of Working From Home<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Avoid contentious subjects<\/h3>\n\n\n\n<p>You might not agree with Covid policy or your current government&#8217;s stance on the environment, but your software engineer portfolio isn\u2019t the place to express that. No one ever got a job by just stating their political leanings, but plenty have \u201cregretfully not progressed to the next stage\u201d from them. This doesn\u2019t mean you can\u2019t express yourself online, but, as with all things, there is a time and a place.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Make contacting you easy<\/h3>\n\n\n\n<p>Don\u2019t make contacting you feel like <em>Mission Impossible<\/em>. The whole point of your software engineer portfolio is to impress people so they want to hire you or work with you. To do that, they will need to make contact!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Be clear with your intentions<\/h3>\n\n\n\n<p>If you want to work in Web 3.0, embedded firmware, or high-availability cloud infrastructure, then make that clear in your summary and the types of thing you emphasize. If you are making a career direction change, address that, and make sure your project write-ups focus on the transferable aspects that will come across with you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Be concise<\/h3>\n\n\n\n<p>When you are passionate about something, it\u2019s easy to write reams of text that, sadly, will never get read. A picture speaks a thousand words, a video speaks thousands per second, and a working demo tells a whole story. Any of these coupled with a short summary paragraph and some key bullet points will keep the reader&#8217;s attention and funnel them to that all-important contact form.<\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/software-developer-job-boards\/\">15+ Best Job Boards for Software Engineers<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4 Great Software Engineer Portfolio Examples<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Example Portfolio #1<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/lee-robinson-software-engineer-portfolio-1024x522.jpg\" alt=\"lee robinson software engineer portfolio example website\" class=\"wp-image-460\" srcset=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/lee-robinson-software-engineer-portfolio-1024x522.jpg 1024w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/lee-robinson-software-engineer-portfolio-300x153.jpg 300w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/lee-robinson-software-engineer-portfolio-768x392.jpg 768w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/lee-robinson-software-engineer-portfolio.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong><a href=\"https:\/\/leerob.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lee Robinson<\/a>, Head of Developer Relations at Vercel<\/strong><\/p>\n\n\n\n<p>This is just a really nice site. And, while Rob isn\u2019t presenting himself as a software engineer, he is showing a diverse range of skills beyond simply coding. His blog provides insights into his teaching, communications, and technical system design skills. It has a friendly style and shows some of his personality and what\u2019s important to him, including a travel map, his achievements, and his music tastes!<\/p>\n\n\n\n<p>For a <a href=\"https:\/\/onix-systems.com\/travel-software-development-services\">travel software development company<\/a> looking to highlight candidates&#8217; well-roundedness, Rob&#8217;s site does a great job showcasing his various talents beyond pure coding proficiency. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example Portfolio #2<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/brittany-chiang-personal-website-1024x509.jpg\" alt=\"brittany chiang sample software engineering personal website\" class=\"wp-image-459\" style=\"object-fit:cover\" srcset=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/brittany-chiang-personal-website-1024x509.jpg 1024w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/brittany-chiang-personal-website-300x149.jpg 300w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/brittany-chiang-personal-website-768x381.jpg 768w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/brittany-chiang-personal-website.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong><a href=\"https:\/\/brittanychiang.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Brittany Chiang<\/a>, Front-End Software Engineer<\/strong><\/p>\n\n\n\n<p>Brittany\u2019s site is clear and to the point. Her site simply says that she is a great software engineer with a specific focus. She shares her origin story, walks you through her impressive career history, directs you to a course that she has made, and then she finishes up with an easy way to get in touch. She has her social links, <a href=\"https:\/\/www.neo.space\/blog\/how-to-create-free-professional-business-email-without-domain\">email address<\/a>, and a PDF version of her resume accessible at all times, which all really reduces the friction required to find out more about her.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example Portfolio #3<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/yevgeniy-brikman-online-portfolio-1024x524.jpg\" alt=\"yevgeniy brikman online portfolio for software engineer job sample\" class=\"wp-image-458\" srcset=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/yevgeniy-brikman-online-portfolio-1024x524.jpg 1024w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/yevgeniy-brikman-online-portfolio-300x154.jpg 300w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/yevgeniy-brikman-online-portfolio-768x393.jpg 768w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/yevgeniy-brikman-online-portfolio.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong><a href=\"https:\/\/www.ybrikman.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yevgeniy Brikman<\/a>, Cofounder of Gruntwork, Author of <em>Hello, Startup<\/em> and <em>Terraform: Up &amp; Running<\/em><\/strong><\/p>\n\n\n\n<p>Yevgeniy&#8217;s page is simple, straightforward, and makes it easy to see his achievements and what he is currently working on. The way to contact him is immediately obvious, and the about section has a nice touch of personality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example Portfolio #4<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/bruno-simon-engineer-portfolio-1024x564.jpg\" alt=\"bruno simon sample software engineer portfolio\" class=\"wp-image-457\" srcset=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/bruno-simon-engineer-portfolio-1024x564.jpg 1024w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/bruno-simon-engineer-portfolio-300x165.jpg 300w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/bruno-simon-engineer-portfolio-768x423.jpg 768w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/bruno-simon-engineer-portfolio.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><strong><a href=\"https:\/\/bruno-simon.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bruno Simon<\/a>, Freelance Web Developer<\/strong><\/p>\n\n\n\n<p>Sometimes you are talented enough to break all the rules!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sample Portfolio #5<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/Oluwakemi-Adeleke-software-developer-portfolio-1024x670.png\" alt=\"Oluwakemi Adeleke software developer portfolio example\" class=\"wp-image-1870\" srcset=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/Oluwakemi-Adeleke-software-developer-portfolio-1024x670.png 1024w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/Oluwakemi-Adeleke-software-developer-portfolio-300x196.png 300w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/Oluwakemi-Adeleke-software-developer-portfolio-768x503.png 768w, https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/Oluwakemi-Adeleke-software-developer-portfolio.png 1369w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><a href=\"https:\/\/www.kemiadeleke.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Oluwakemi Adeleke<\/a> is a UI\/UX designer and front-end developer, and her software development portfolio example is simple, clean, and easy on the eyes. <\/p>\n\n\n\n<p>She offers a bit of info on services she offers, some insight into her workflow, and case studies and sample projects she&#8217;s worked on in the past. <\/p>\n\n\n\n<p class=\"has-johannes-bg-alt-1-background-color has-background\"><strong>Read More<\/strong>: <a href=\"https:\/\/arc.dev\/developer-blog\/social-media-thought-leadership\/\">How To Use Social Media Thought Leadership To Level Up Your Developer Career<\/a><\/p>\n\n\n\n<p>Well, we hope you found this guide on how to build a software engineer portfolio helpful! <\/p>\n\n\n\n<p>If you have any questions, feedback, or other tips for creating a professional website for software engineering jobs, let us know below in the comments. <\/p>\n\n\n\n<p>Thanks for reading, and good luck on your job hunt!<\/p>\n\n\n\n<p id=\"block-c1815ac5-6b40-4683-8052-7b1aabff6c23\"><strong>Find your dream remote job faster with Arc.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Development, design, and marketing roles<\/li>\n\n\n\n<li>US-based startups and tech companies<\/li>\n\n\n\n<li>Choose freelance or full-time remote work<\/li>\n<\/ul>\n\n\n\n<p>Work from\u00a0<em>anywhere<\/em> in the world on your terms.<br><strong><a href=\"https:\/\/arc.dev\/talent\">Join Arc now <em>\u2192<\/em><\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.<\/p>\n","protected":false},"author":9,"featured_media":515,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-444","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-preparation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Build a Software Engineer Portfolio (With Examples &amp; Tips)<\/title>\n<meta name=\"description\" content=\"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a Software Engineer Portfolio That&#039;ll Land Interviews\" \/>\n<meta property=\"og:description\" content=\"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Arc Talent Career Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/arcdotdev\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-09T23:07:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-10T07:23:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1128\" \/>\n\t<meta property=\"og:image:height\" content=\"635\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Simon Barker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Build a Software Engineer Portfolio That&#039;ll Land Interviews\" \/>\n<meta name=\"twitter:description\" content=\"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.\" \/>\n<meta name=\"twitter:creator\" content=\"@allthecode_\" \/>\n<meta name=\"twitter:site\" content=\"@arcdotdev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simon Barker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\"},\"author\":{\"name\":\"Simon Barker\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/#\/schema\/person\/ec0a5e9b87ddd3a9d0a1ac1f754d8014\"},\"headline\":\"How to Build a Software Engineer Portfolio (With Examples &#038; Tips)\",\"datePublished\":\"2021-12-09T23:07:00+00:00\",\"dateModified\":\"2024-09-10T07:23:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\"},\"wordCount\":3434,\"publisher\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg\",\"articleSection\":[\"Application Preparation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\",\"url\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\",\"name\":\"How to Build a Software Engineer Portfolio (With Examples & Tips)\",\"isPartOf\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg\",\"datePublished\":\"2021-12-09T23:07:00+00:00\",\"dateModified\":\"2024-09-10T07:23:03+00:00\",\"description\":\"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage\",\"url\":\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg\",\"contentUrl\":\"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg\",\"width\":1128,\"height\":635,\"caption\":\"how to build a software engineer portfolio website to land job interviews\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/arc.dev\/talent-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Build a Software Engineer Portfolio (With Examples &#038; Tips)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/#website\",\"url\":\"https:\/\/arc.dev\/talent-blog\/\",\"name\":\"Arc Talent Career Blog\",\"description\":\"Tech insights and career advice for developers worldwide\",\"publisher\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/arc.dev\/talent-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/#organization\",\"name\":\"Arc.dev\",\"url\":\"https:\/\/arc.dev\/talent-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/arc.dev\/developer-blog\/wp-content\/uploads\/2021\/11\/Arc-alternate-logo.png\",\"contentUrl\":\"https:\/\/arc.dev\/developer-blog\/wp-content\/uploads\/2021\/11\/Arc-alternate-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Arc.dev\"},\"image\":{\"@id\":\"https:\/\/arc.dev\/talent-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/arcdotdev\",\"https:\/\/x.com\/arcdotdev\",\"https:\/\/www.instagram.com\/arcdotdev\/\",\"https:\/\/www.linkedin.com\/company\/arcdotdev\",\"https:\/\/www.youtube.com\/c\/Arcdotdev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/arc.dev\/talent-blog\/#\/schema\/person\/ec0a5e9b87ddd3a9d0a1ac1f754d8014\",\"name\":\"Simon Barker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f9f4ffaf58fa4e6025653833c3848ecc48dc60c002987a987aca9e05edea1623?s=96&d=mm&r=pg\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f9f4ffaf58fa4e6025653833c3848ecc48dc60c002987a987aca9e05edea1623?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f9f4ffaf58fa4e6025653833c3848ecc48dc60c002987a987aca9e05edea1623?s=96&d=mm&r=pg\",\"caption\":\"Simon Barker\"},\"description\":\"Self-Taught Developer &amp; Career Switcher Extraordinaire Simon cut his teeth in the prehistoric days of PHP and jQuery on the web and Objective-C on the iPhone while running a start up for eight years. He later moved into professional software development, turning his passion into a new career and venturing into the world of DevOps, React\/Angular, Serverless, and even SwiftUI. With his Instagram account (@allthecode), he now helps other self-taught and bootcamp developers convert their newly minted coding skills into their dream tech job at CareerSwitchToCoding.com. Simon appreciates the freedom that comes with working remotely and excels at bringing teams together to deliver on a vision.\",\"sameAs\":[\"https:\/\/allthecode.co\/\",\"https:\/\/www.instagram.com\/allthecode\/\",\"https:\/\/x.com\/allthecode_\"],\"url\":\"https:\/\/arc.dev\/talent-blog\/author\/sbarker\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build a Software Engineer Portfolio (With Examples & Tips)","description":"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Software Engineer Portfolio That'll Land Interviews","og_description":"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.","og_url":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/","og_site_name":"Arc Talent Career Blog","article_publisher":"https:\/\/www.facebook.com\/arcdotdev","article_published_time":"2021-12-09T23:07:00+00:00","article_modified_time":"2024-09-10T07:23:03+00:00","og_image":[{"width":1128,"height":635,"url":"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg","type":"image\/jpeg"}],"author":"Simon Barker","twitter_card":"summary_large_image","twitter_title":"How to Build a Software Engineer Portfolio That'll Land Interviews","twitter_description":"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.","twitter_creator":"@allthecode_","twitter_site":"@arcdotdev","twitter_misc":{"Written by":"Simon Barker","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#article","isPartOf":{"@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/"},"author":{"name":"Simon Barker","@id":"https:\/\/arc.dev\/talent-blog\/#\/schema\/person\/ec0a5e9b87ddd3a9d0a1ac1f754d8014"},"headline":"How to Build a Software Engineer Portfolio (With Examples &#038; Tips)","datePublished":"2021-12-09T23:07:00+00:00","dateModified":"2024-09-10T07:23:03+00:00","mainEntityOfPage":{"@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/"},"wordCount":3434,"publisher":{"@id":"https:\/\/arc.dev\/talent-blog\/#organization"},"image":{"@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg","articleSection":["Application Preparation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/","url":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/","name":"How to Build a Software Engineer Portfolio (With Examples & Tips)","isPartOf":{"@id":"https:\/\/arc.dev\/talent-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage"},"image":{"@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg","datePublished":"2021-12-09T23:07:00+00:00","dateModified":"2024-09-10T07:23:03+00:00","description":"Learn how to build an online portfolio to show off your software engineering skills with expert tips and great examples in this guide.","breadcrumb":{"@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#primaryimage","url":"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg","contentUrl":"https:\/\/arc.dev\/talent-blog\/wp-content\/uploads\/2021\/12\/software-engineer-portfolio-featured.jpg","width":1128,"height":635,"caption":"how to build a software engineer portfolio website to land job interviews"},{"@type":"BreadcrumbList","@id":"https:\/\/arc.dev\/talent-blog\/software-engineer-portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arc.dev\/talent-blog\/"},{"@type":"ListItem","position":2,"name":"How to Build a Software Engineer Portfolio (With Examples &#038; Tips)"}]},{"@type":"WebSite","@id":"https:\/\/arc.dev\/talent-blog\/#website","url":"https:\/\/arc.dev\/talent-blog\/","name":"Arc Talent Career Blog","description":"Tech insights and career advice for developers worldwide","publisher":{"@id":"https:\/\/arc.dev\/talent-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arc.dev\/talent-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/arc.dev\/talent-blog\/#organization","name":"Arc.dev","url":"https:\/\/arc.dev\/talent-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arc.dev\/talent-blog\/#\/schema\/logo\/image\/","url":"https:\/\/arc.dev\/developer-blog\/wp-content\/uploads\/2021\/11\/Arc-alternate-logo.png","contentUrl":"https:\/\/arc.dev\/developer-blog\/wp-content\/uploads\/2021\/11\/Arc-alternate-logo.png","width":512,"height":512,"caption":"Arc.dev"},"image":{"@id":"https:\/\/arc.dev\/talent-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/arcdotdev","https:\/\/x.com\/arcdotdev","https:\/\/www.instagram.com\/arcdotdev\/","https:\/\/www.linkedin.com\/company\/arcdotdev","https:\/\/www.youtube.com\/c\/Arcdotdev"]},{"@type":"Person","@id":"https:\/\/arc.dev\/talent-blog\/#\/schema\/person\/ec0a5e9b87ddd3a9d0a1ac1f754d8014","name":"Simon Barker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f9f4ffaf58fa4e6025653833c3848ecc48dc60c002987a987aca9e05edea1623?s=96&d=mm&r=pg","url":"https:\/\/secure.gravatar.com\/avatar\/f9f4ffaf58fa4e6025653833c3848ecc48dc60c002987a987aca9e05edea1623?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f9f4ffaf58fa4e6025653833c3848ecc48dc60c002987a987aca9e05edea1623?s=96&d=mm&r=pg","caption":"Simon Barker"},"description":"Self-Taught Developer &amp; Career Switcher Extraordinaire Simon cut his teeth in the prehistoric days of PHP and jQuery on the web and Objective-C on the iPhone while running a start up for eight years. He later moved into professional software development, turning his passion into a new career and venturing into the world of DevOps, React\/Angular, Serverless, and even SwiftUI. With his Instagram account (@allthecode), he now helps other self-taught and bootcamp developers convert their newly minted coding skills into their dream tech job at CareerSwitchToCoding.com. Simon appreciates the freedom that comes with working remotely and excels at bringing teams together to deliver on a vision.","sameAs":["https:\/\/allthecode.co\/","https:\/\/www.instagram.com\/allthecode\/","https:\/\/x.com\/allthecode_"],"url":"https:\/\/arc.dev\/talent-blog\/author\/sbarker\/"}]}},"_links":{"self":[{"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/posts\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":0,"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/posts\/444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/media\/515"}],"wp:attachment":[{"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/media?parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/categories?post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arc.dev\/talent-blog\/wp-json\/wp\/v2\/tags?post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}