What Tech Stack Should I use To Build My Portfolio

monica_w

monica

Posted on March 13, 2024

What Tech Stack Should I use To Build My Portfolio

Introduction
Choosing the right tech stack is a daunting task, with new technologies coming up every day it’s difficult to assess which would be a long-lasting framework, tools or library to use for your portfolio website.

A good website makes pitching for projects and bidding for jobs effortless, it shows potential employers the extent of your skills and what you can achieve as a developer. Having the right portfolio website is the first step in your freelancing career, it shows samples of your work instead of having to explain it every single time to a client.

Portfolio
Portfolio is a tool designed to showcase your completed projects. It is not focused on educational titles, jobs, or previous experience but on providing evidence informing of samples of what you can do as a developer.

At some point you must build a portfolio as a developer, every portfolio is different and built according to the owner’s taste in colors, animation and design.

Elements of a portfolio

A good portfolio should have these key elements:

  1. About Page -The about page is the first page that people will see as they enter your portfolio. Talk about who you are and your career journey as a developer.
  2. Resume Page — Talks all about your education how far you have gotten from your achievements, experience, education, skills as a web developer. This is where you can add a downloadable resume link so that the client can have a copy of your resume.
  3. Works Page -Here people can find all the projects you have worked on, and upon clicking on any project, people will see all the other information necessary to know about the project.
  4. Contact Page — Ensure your contact details are included and easy to find. They are essential for the employer to be able to reach you.

Portfolio design(examples)
Here are a few examples of developer portfolios worth looking at.

1. Brittany Chiang

Image description

https://brittanychiang.com/
Brittany Chiang is a Senior Frontend Engineer, Her portfolio shines for its simplicity, setting a great example of what a web developer portfolio can be.She uses brilliant color scheme, modern design feel, and her main mission to build things for the web.

2.Philip Turkiewicz

Image description

codeturkie.io

Codeturkie.io portfolio belongs to a Front-end developer known as Philip Turkiewicz He is based in Toronto Canada.He uses colors pink and yellow and various other combinations of colors which brings this portfolio to life and make it stand out from other portfolios. Its a simple portfolio full of unexpected surprises which enhance the look and feel of this website.

3. Yasio

Image description

https://yasio.dev/

Yasio is a portfolio website of Jan Baszczok,a web/mobile developer and designer from Poland.This portfolio has a simple yet stunning design, has sleek black background and white typography. He has incorporated some javascript animation which reveals sections as you scroll down, thus it improves the look and feel of the design.

4.Square Me

Image description

https://squareme.si/en/

Square me is a creative video agency which specializes in creating beautiful things and making video content for brands out there. A a professional freelancer, agency or web developer should consider a portfolio that stands out from the rest of the other players in the industry. This portfolio was chosen to inspire creatives who love a little bit of personality in their websites.

5.Ben Darby

Image description

Ben Dary is a product designer from Uk, He plays a multifaceted role in the product development lifecycle, from understanding user needs and defining problems to designing intuitive interfaces and iterating on design solutions to create impactful and successful products. His portfolio captures the incense of who He is.

The available technologies commonly used.
1.HTML, CSS, & JavaScript

You can never go wrong with a simple vanilla website. There’s no need to over-complicate the architecture of your portfolio if you don’t want or need to. You can use HTML,CSS and Javascript to create your website and use different javascript animations to make your website very unique.

2. Static Site Generator

Static site generators are becoming increasingly popular in the tech industry with the adoption of popular libraries and frameworks (React, Vue, Angular, etc.).

There are many different site generators to choose from such as Next.js for React applications and VuePress for Vue.js.These offer many benefits such as plug-ins for image optimization, mobile-friendly responsiveness, and accessibility.

3.PHP and Laravel

Laravel is a framework that helps you create web applications using PHP, by providing tools and features such as routing, controllers, views, models, migrations, middleware, and blade templates. PHP and Laravel are relevant in the web development industry, because they offer compatibility, performance, and flexibility.

4. Ruby and Rails

Ruby is another programming language that can be used for web development, among other things. Rails is a framework that helps you create web applications using Ruby, by following the convention over configuration (CoC) and don’t repeat yourself (DRY) principles.

5. Python and Django

Django is a framework that helps you create web applications using Python, by providing tools and features such as models, views, templates, forms, authentication, and admin interface. Python and Django are popular in the web development industry, because they offer simplicity, productivity, and security.

Conclusion
To actually answer this question is that it doesn’t matter what tech stack you choose to use. It all depends on the skills you have, how you would like your portfolio to look and the design you want. Pick something that makes you happy and build your portfolio with that. Often the fear of getting started and many choices available keeps a lot of developers stuck from bringing that vision to life.

Thanks for reading. See you in the next blog!😊🙌

💖 💪 🙅 🚩
monica_w
monica

Posted on March 13, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related