How I Built My Developer Portfolio

In this article, I’ll go over how I built my developer portfolio. You can use this information to gather ideas on how to construct your own. I work as a technical writer, and I think it’s very important for me to demonstrate both my writing and coding skills. So I actually opted to have two different sites, this one to show my writing skills and have fun blogging, and my developer portfolio at falondarville.io. I didn’t want to crowd one website with too many “hats”, and I also wanted my developer website to be very simple.

What Content I Included

Let’s go over the content of my developer portfolio. I split my developer portfolio into the following sections:

  1. Jumbotron, containing a customized “logo” of my full name. If you have multiple websites like I do, make sure that there is some tie-in so that potential employers easily recognize your cohesive brand online. Luckily, I have a very uncommon name, so it’s easy for employers to locate my work. If you have a more common name, you may have to rely more heavily on design elements to set your portfolio apart. In this jumbotron area, I also included links to my writing website (what you’re reading now) and my LinkedIn.
  2. Simple summary, in which I include brief bullet points describing who I am. I separated this section out into two: “at work” and “outside work” to introduce a bit of my personality.
  3. Project description cards that highlight my work. I included the projects I am most proud of first and made sure to link to the published work (hosted on Heroku) as well as the code itself (on GitHub).
  4. Technologies That I Work With, a simple list of technologies I have learned and used.
  5. What I Do at Work, a detailed overview of my job.
  6. Select Articles From My Blog links to my blog articles. This was important for my development portfolio since I am a technical writer.
  7. Education and Academic Achievements, a list of some of my degrees, credentials, and certificates.
  8. YouTube Channel, an embedded video from my YouTube channel about my journey in coding bootcamp.

As I always say, do more than is required of you when you are learning web development. Put some work out on the internet for employers and future colleagues to see (regardless of what you specialize in). You may feel nervous about it at first, think you are just a beginner, or think you’re too far behind others who’ve had a website for years. But over time, you will have a body of work that indicates to people viewing your portfolio that you are interested in continuous learning and self-improvement.

How I Built It

I built my developer portfolio using Bootstrap. I wanted it to look clean and simple. The code is stored on GitHub. It’s imperative for developers to know git, and practicing commands in your terminal to save your code to GitHub repositories is an excellent way to get comfortable.

Okay, here’s the cool part. My portfolio hosting is free! GitHub has a feature called GitHub Pages. This feature allows you to host a simple front-end site on their platform. If you follow their instructions, any code that you push to a configured repository will appear on username.github.io. But if you noticed, my development portfolio lives on falondarville.io. That’s because GitHub allows you to host a custom domain. Just purchase your domain name; I used namecheap.