{"id":2868,"date":"2019-06-11T06:04:00","date_gmt":"2019-06-11T13:04:00","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=2868"},"modified":"2020-11-03T00:50:35","modified_gmt":"2020-11-03T08:50:35","slug":"how-to-build-a-full-stack-developer-portfolio","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/","title":{"rendered":"Full Stack Developer Portfolio: Best Tips on How to Make a Great One"},"content":{"rendered":"\n<p>Whether you&#8217;ve just graduated from a <a href=\"https:\/\/careerkarma.com\/blog\/preparing-for-a-coding-bootcamp\/\">coding bootcamp<\/a> or are looking for a full stack developer job, you already know how important your portfolio is. Without one, your prospective employers won&#8217;t have any way to gauge your skillset. A robust full stack portfolio can set you apart from the other applicants that simply rely on their certifications or experience to get them through the door. If you want to stand out, there are a few essential items you&#8217;ll want to include in your portfolio. In this article, we&#8217;ll cover some of the most important things to include when building a full stack developer portfolio and explain why it&#8217;s so important to nail this step of the <a href=\"https:\/\/careerkarma.com\/blog\/coding-bootcamp-job-placement\/\">job-finding process<\/a>.<\/p>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1567086573861\"><strong class=\"schema-faq-question\">Why Is a Full Stack Portfolio Necessary?<br\/><br\/><\/strong> <p class=\"schema-faq-answer\">A portfolio is a showcase of your experience and skills. In your resume, you&#8217;ve undoubtedly included lots of information about yourself, your knowledge, and your skills. Your portfolio is your most significant chance to demonstrate that what you say is true and to prove that you&#8217;re worth hiring. Managers and hiring officials carefully examine applicant portfolios to distinguish whether or not a candidate has what it takes to fill the job. You can use it more than a resume to demonstrate your strengths, and it&#8217;s a fantastic way to showcase your best achievements in your field. <br\/><br\/>A solid full stack developer portfolio can turn heads within a company, and your exciting and impressive projects can tip the scales and win you the job. Applicants are sometimes hired for positions they weren&#8217;t initially qualified for simply because their portfolio was eye-catching. All-in-all, a great showcase of your experience can work wonders for you in the hiring department.<br\/><br\/><\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1567086648162\"><strong class=\"schema-faq-question\">How Do You Structure a Full Stack Developer Portfolio?<br\/><br\/><\/strong> <p class=\"schema-faq-answer\">A full stack developer portfolio isn&#8217;t a place to compile every project you&#8217;ve ever completed. While it may seem tempting, tossing in meaningless or unnecessary information inside a portfolio is likely to do more harm than good.\u00a0Instead, pick a handful of related projects and narrow it down from there. You should only include projects and achievements that are relevant to the position you&#8217;re applying for, and each must be chosen carefully. <br\/><br\/>Once you narrow it down, select a few that showcase your impressive skills. If you&#8217;re a great problem solver, include a project where you solved an unusually complicated problem.  If you work fast, showcase large projects with tight deadlines. Recent coding bootcamp graduates may struggle to find enough projects, but you&#8217;re not completely out of luck. Talk to your peers and figure out a creative way to show an example of your progress in the program. Whatever you&#8217;ve achieved before applying will do\u2014just pick the work that makes you proud!<br\/><br\/><\/p> <\/div> <\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tips to Build an Eye-Catching Full Stack Developer Portfolio<\/strong><br><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Demonstrate Your Knowledge<\/strong><\/h3>\n\n\n\n<p>Hiring managers love it when candidates prove their ability to learn. If you&#8217;ve recently learned a new programming language or coding strategy, include an example in your portfolio and share your experience. Showcase how you helped others pick up new skills and how you&#8217;ll contribute to your coworkers with new experiences. Don&#8217;t be shy about it; you&#8217;re using this to show why you&#8217;re a good fit for the job.&nbsp;Just approach your portfolio like you&#8217;re painting yourself as the best candidate you can be.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Make it Look Professional<\/strong><\/h3>\n\n\n\n<p>Don&#8217;t grab the first theme on WordPress and spam your content on the home page. If you decide to make a portfolio site, make it look modern and professional. Check your writing and grammar, and make sure your site is logically laid out. If you decide to code your own website, do your best and make sure to credit yourself with the work. If you don&#8217;t have time to code it well, use an online template until you&#8217;re ready. Remember, you&#8217;re demonstrating your professional image. Include relevant links and sources, as well as any other information you think will help build a positive image.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Make Sure Your UI and Overall Design Impress<\/strong><\/h4>\n\n\n\n<p>As a full stack developer, you\u2019re surfing the crest of the most modern waves and working with the most up-to-date equipment, languages, and development concepts. Everything about you should scream \u201cmodernity, y\u2019all!\u201d So, why would you design your full stack developer portfolio site to look like the flower of 2004 technology? You want your <a href=\"https:\/\/careerkarma.com\/blog\/full-stack-developer-skills\/\">full stack developer skills<\/a> to impress, but the employer has to appreciate the packaging, too.<br><\/p>\n\n\n\n<p>Highly-qualified developers too often miss out on fantastic job opportunities because their portfolio sites look like something from the G.W. Bush administration. You need to take the time to get your design and UI looking current and clean. Don\u2019t base your designs on cookie-cutter plans that have been around for a decade or more\u2014make your site design your own, and make it look sharp and impressive.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Find a Reputable Host and Domain Name<\/strong><br><\/h3>\n\n\n\n<p>You likely learned about how important first impressions are for job-hunting when you were at <a href=\"https:\/\/careerkarma.com\/blog\/full-stack-development-bootcamps\/\">coding bootcamp<\/a>. When you refer potential employers to your site, they look for a certain level of professionalism in your site\u2019s host and domain name. If a hiring manager has to visit some fly-by-night host you used because it was dirt cheap, you can bank on not getting a callback anytime soon.&nbsp;<br><\/p>\n\n\n\n<p>There are tons of reputable and low-cost hosts you can use. Make sure to pick one that has an excellent rep, and splurge for a custom domain name. It\u2019ll cost you all of 15 bucks or so. You want to impress visitors with your security concerns as well, so make sure to properly install an SSL certificate on the site. An impressed hiring manager is one more likely to offer you an interview or position at the company.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Last Word on Crafting a Perfect Full Stack Developer Portfolio<\/strong><\/h2>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/oxOXTUi2F8k\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe>\n\n\n\n<p>It&#8217;s not difficult to build a spectacular full stack developer portfolio; it just takes some time and care. It&#8217;s essential to choose wisely and avoid overdoing it, taking care to not leave out any vital details that could set you apart from the crowd. Be honest about your skills and experience and take your time. With a little effort, you&#8217;ll assemble an eye-catching portfolio that accurately demonstrates your value to prospective employers and be on your way to landing your dream job!<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><a href=\"https:\/\/careerkarma.com\/blog\/author\/paul-larkin\/\"><em>Paul Larkin<\/em><\/a><em> contributed content to this post.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"Whether you've just graduated from a coding bootcamp or are looking for a full stack developer job, you already know how important your portfolio is. Without one, your prospective employers won't have any way to gauge your skillset. A robust full stack portfolio can set you apart from the other applicants that simply rely on&hellip;","protected":false},"author":24,"featured_media":6068,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50460],"tags":[],"class_list":{"0":"post-2868","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tech-resources"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"Career Advice","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":[]},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Make a Great Full Stack Developer Portfolio | Career Karma<\/title>\n<meta name=\"description\" content=\"Top tips and advice on how to create the perfect full stack developer portfolio to stand out from the crowd and break into a new tech career!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Full Stack Developer Portfolio: Best Tips on How to Make a Great One\" \/>\n<meta property=\"og:description\" content=\"Top tips and advice on how to create the perfect full stack developer portfolio to stand out from the crowd and break into a new tech career!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-11T13:04:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-03T08:50:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/06\/full-stack-developer-portfolio-how-to.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1120\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joshua Weinstein\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joshua Weinstein\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/\"},\"author\":{\"name\":\"Joshua Weinstein\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/07d4f5b08938b3da1c0e9d157c5370be\"},\"headline\":\"Full Stack Developer Portfolio: Best Tips on How to Make a Great One\",\"datePublished\":\"2019-06-11T13:04:00+00:00\",\"dateModified\":\"2020-11-03T08:50:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/\"},\"wordCount\":1100,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/full-stack-developer-portfolio-how-to.jpg\",\"articleSection\":[\"Tech Resources\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/\",\"name\":\"How to Make a Great Full Stack Developer Portfolio | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/full-stack-developer-portfolio-how-to.jpg\",\"datePublished\":\"2019-06-11T13:04:00+00:00\",\"dateModified\":\"2020-11-03T08:50:35+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/07d4f5b08938b3da1c0e9d157c5370be\"},\"description\":\"Top tips and advice on how to create the perfect full stack developer portfolio to stand out from the crowd and break into a new tech career!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#faq-question-1567086573861\"},{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#faq-question-1567086648162\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/full-stack-developer-portfolio-how-to.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/full-stack-developer-portfolio-how-to.jpg\",\"width\":1120,\"height\":750,\"caption\":\"man at computer with title overlay: full stack developer portfolio-how to make a great one\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Career Advice\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/career-advice\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Full Stack Developer Portfolio: Best Tips on How to Make a Great One\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/07d4f5b08938b3da1c0e9d157c5370be\",\"name\":\"Joshua Weinstein\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/joshua-weinstein-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/joshua-weinstein-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/joshua-weinstein-150x150.jpg\",\"caption\":\"Joshua Weinstein\"},\"description\":\"Joshua Weinstein is a senior staff writer focusing on future of work and alternative education programs.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/joshua-weinstein\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#faq-question-1567086573861\",\"position\":1,\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#faq-question-1567086573861\",\"name\":\"Why Is a Full Stack Portfolio Necessary?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A portfolio is a showcase of your experience and skills. In your resume, you've undoubtedly included lots of information about yourself, your knowledge, and your skills. Your portfolio is your most significant chance to demonstrate that what you say is true and to prove that you're worth hiring. Managers and hiring officials carefully examine applicant portfolios to distinguish whether or not a candidate has what it takes to fill the job. You can use it more than a resume to demonstrate your strengths, and it's a fantastic way to showcase your best achievements in your field. A solid full stack developer portfolio can turn heads within a company, and your exciting and impressive projects can tip the scales and win you the job. Applicants are sometimes hired for positions they weren't initially qualified for simply because their portfolio was eye-catching. All-in-all, a great showcase of your experience can work wonders for you in the hiring department.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#faq-question-1567086648162\",\"position\":2,\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/how-to-build-a-full-stack-developer-portfolio\\\/#faq-question-1567086648162\",\"name\":\"How Do You Structure a Full Stack Developer Portfolio?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A full stack developer portfolio isn't a place to compile every project you've ever completed. While it may seem tempting, tossing in meaningless or unnecessary information inside a portfolio is likely to do more harm than good.\u00a0Instead, pick a handful of related projects and narrow it down from there. You should only include projects and achievements that are relevant to the position you're applying for, and each must be chosen carefully. Once you narrow it down, select a few that showcase your impressive skills. If you're a great problem solver, include a project where you solved an unusually complicated problem.  If you work fast, showcase large projects with tight deadlines. Recent coding bootcamp graduates may struggle to find enough projects, but you're not completely out of luck. Talk to your peers and figure out a creative way to show an example of your progress in the program. Whatever you've achieved before applying will do\u2014just pick the work that makes you proud!\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Make a Great Full Stack Developer Portfolio | Career Karma","description":"Top tips and advice on how to create the perfect full stack developer portfolio to stand out from the crowd and break into a new tech career!","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:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/","og_locale":"en_US","og_type":"article","og_title":"Full Stack Developer Portfolio: Best Tips on How to Make a Great One","og_description":"Top tips and advice on how to create the perfect full stack developer portfolio to stand out from the crowd and break into a new tech career!","og_url":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2019-06-11T13:04:00+00:00","article_modified_time":"2020-11-03T08:50:35+00:00","og_image":[{"width":1120,"height":750,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/06\/full-stack-developer-portfolio-how-to.jpg","type":"image\/jpeg"}],"author":"Joshua Weinstein","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Joshua Weinstein","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/"},"author":{"name":"Joshua Weinstein","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/07d4f5b08938b3da1c0e9d157c5370be"},"headline":"Full Stack Developer Portfolio: Best Tips on How to Make a Great One","datePublished":"2019-06-11T13:04:00+00:00","dateModified":"2020-11-03T08:50:35+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/"},"wordCount":1100,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/06\/full-stack-developer-portfolio-how-to.jpg","articleSection":["Tech Resources"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/","url":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/","name":"How to Make a Great Full Stack Developer Portfolio | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/06\/full-stack-developer-portfolio-how-to.jpg","datePublished":"2019-06-11T13:04:00+00:00","dateModified":"2020-11-03T08:50:35+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/07d4f5b08938b3da1c0e9d157c5370be"},"description":"Top tips and advice on how to create the perfect full stack developer portfolio to stand out from the crowd and break into a new tech career!","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#faq-question-1567086573861"},{"@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#faq-question-1567086648162"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/06\/full-stack-developer-portfolio-how-to.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2019\/06\/full-stack-developer-portfolio-how-to.jpg","width":1120,"height":750,"caption":"man at computer with title overlay: full stack developer portfolio-how to make a great one"},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Career Advice","item":"https:\/\/careerkarma.com\/blog\/career-advice\/"},{"@type":"ListItem","position":3,"name":"Full Stack Developer Portfolio: Best Tips on How to Make a Great One"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/07d4f5b08938b3da1c0e9d157c5370be","name":"Joshua Weinstein","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/joshua-weinstein-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/joshua-weinstein-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/joshua-weinstein-150x150.jpg","caption":"Joshua Weinstein"},"description":"Joshua Weinstein is a senior staff writer focusing on future of work and alternative education programs.","url":"https:\/\/careerkarma.com\/blog\/author\/joshua-weinstein\/"},{"@type":"Question","@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#faq-question-1567086573861","position":1,"url":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#faq-question-1567086573861","name":"Why Is a Full Stack Portfolio Necessary?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"A portfolio is a showcase of your experience and skills. In your resume, you've undoubtedly included lots of information about yourself, your knowledge, and your skills. Your portfolio is your most significant chance to demonstrate that what you say is true and to prove that you're worth hiring. Managers and hiring officials carefully examine applicant portfolios to distinguish whether or not a candidate has what it takes to fill the job. You can use it more than a resume to demonstrate your strengths, and it's a fantastic way to showcase your best achievements in your field. A solid full stack developer portfolio can turn heads within a company, and your exciting and impressive projects can tip the scales and win you the job. Applicants are sometimes hired for positions they weren't initially qualified for simply because their portfolio was eye-catching. All-in-all, a great showcase of your experience can work wonders for you in the hiring department.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#faq-question-1567086648162","position":2,"url":"https:\/\/careerkarma.com\/blog\/how-to-build-a-full-stack-developer-portfolio\/#faq-question-1567086648162","name":"How Do You Structure a Full Stack Developer Portfolio?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"A full stack developer portfolio isn't a place to compile every project you've ever completed. While it may seem tempting, tossing in meaningless or unnecessary information inside a portfolio is likely to do more harm than good.\u00a0Instead, pick a handful of related projects and narrow it down from there. You should only include projects and achievements that are relevant to the position you're applying for, and each must be chosen carefully. Once you narrow it down, select a few that showcase your impressive skills. If you're a great problem solver, include a project where you solved an unusually complicated problem.  If you work fast, showcase large projects with tight deadlines. Recent coding bootcamp graduates may struggle to find enough projects, but you're not completely out of luck. Talk to your peers and figure out a creative way to show an example of your progress in the program. Whatever you've achieved before applying will do\u2014just pick the work that makes you proud!","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/2868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=2868"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/2868\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/6068"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=2868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=2868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=2868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}