Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Building your Portfolio in 2025
Hemang Yadav
Hemang Yadav

Posted on

     

Building your Portfolio in 2025

Introduction

Whether you are a school going student or a freelancer, having a personal portfolio is extremely important and starting to become a standard in the developer community.

For those who don’t have enough time to create a portfolio from scratch, I have a SOLUTION for all of you!

Over the past few weeks, I have been working on creating an easy to use Portfolio Template for all developers out there. In this blog, I would give you step by step instructions on how to customize it.

https://github.com/Zemerik/Portfolio-Template

Key Features

  • Customizable Sections

  • Responsive Design

  • Social Media Integration

  • SEO Optimization

  • Easy Setup

  • Personal Branding

How to Install?

1. Make a copy of the Repository on your machine through git:
git clone https://github.com/Zemerik/Portfolio-Template.git&&cdPortfolio-Template
Enter fullscreen modeExit fullscreen mode
2. Customize the Portfolio to your choice. If you are stuck, refer to table and instructions below:
SectionFileLines
Navbarsrc/routes/Head.svelte30 - 47
Homesrc/routes/+page.svelte27-52
About Mesrc/routes/+page.svelte54 - 99
Projectssrc/routes/Work.svelte3 - 28
Contact Mesrc/routes/+page.svelte107 - 114
Experiencessrc/routes/Experience.svelte27-52
Footersrc/routes/Footer.svelte52 - 75
SEOsrc/routes/+page.svelte &src/routes/hire/+page.svelte25 &6
  • Spotify Status
1. Join the Lanyard Discord Server,      - https://discord.com/invite/UrXF2cfJ7F2. Head over to`src/routes/spotify.ts` and locate line**62**.3. Remove*1018816958587748383* and paste**YOUR DISCORD ACCOUNT ID** after`/users/`.
Enter fullscreen modeExit fullscreen mode
3. Now that you customized the Portfolio with your details, let’s run this locally on our internet to see the output:
npm i pnpm--force
Enter fullscreen modeExit fullscreen mode
pnpm i
Enter fullscreen modeExit fullscreen mode
pnpm run dev
Enter fullscreen modeExit fullscreen mode
4. After you have made your changes, you can host your Portfolio onVercel or onNetlify

Screenshots

Phone Screenshot

Thanks for Reading!

Top comments(8)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
jonrandy profile image
Jon Randy 🎖️
🤖 Artisanal developer - coding with varying degrees of success since 1983
  • Location
    Bangkok 🇹🇭
  • Joined

Whether you are a school going student or a freelancer, having a personal portfolio is extremely important and starting to become a standard in the developer community.

This is a total myth. Far more important is to have an active and interesting GitHub/GitLab/whatever account. Anyone hiring who actually knows what they're doing will put very little weight on a portfolio site. These sites are very often just 'lipstick on a pig' and do very little to increase your chances of getting hired. In fact, on numerous occasions I have dismissed candidates from consideration BECAUSE of their portfolio sites (bug ridden, inappropriate use of technology, over-engineering, etc.)

Unless you're a designer, it's far better to actually focus on making stuff. A curated vanity site with all the same cookie cutter beginner projects to show your skills is really not worth the bother.

If you really must make a portfolio site, try to make it something truly original and unusual. That's the only way you're going to stand out.

CollapseExpand
 
best_codes profile image
Best Codes
I love coding, 3D designing, and listening to music.I'm currently a fanatic about Rust, TypeScript, and Next.js.Christian, Coder, Creator

Yeah, I agree. All the same, I do have a portfolio site (bestcodes.dev), but it was really just a side-project because I was bored. I try to stay active on GitHub instead.

It's also worth pointing out that it's super easy to fake GitHub activity with tools likePaint GitHub or private commit spamming. Lots of people do, so you can't totally rely on that either.

CollapseExpand
 
zemerik profile image
Hemang Yadav
💻Passionate Developer + 💪Expertise in Web-Development + 🎓Open-Source Enthusiast + 🏆Content Creator
  • Email
  • Location
    Victoria, Australia
  • Education
    Hillcrest Christian College
  • Pronouns
    he/him
  • Joined

Thank you for reading my blog and taking the time to reply to this thread. Your Portfolio is really nice, and I really like the way you presented information about yourself and showcased your projects!

CollapseExpand
 
zemerik profile image
Hemang Yadav
💻Passionate Developer + 💪Expertise in Web-Development + 🎓Open-Source Enthusiast + 🏆Content Creator
  • Email
  • Location
    Victoria, Australia
  • Education
    Hillcrest Christian College
  • Pronouns
    he/him
  • Joined

Thanks for taking the time to read my blog and providing valuable feedback!

CollapseExpand
 
hanzla-baig profile image
Hanzla Baig
In my projects, I aim to push the boundaries of conventional web design, incorporating advanced animations, responsive layouts, and dynmic features that captivate and retain users. So i like this
  • Email
  • Location
    Chichawatni, District Sahiwal
  • Education
    Web Development
  • Pronouns
    He/Him
  • Work
    AquaScript
  • Joined

👍

CollapseExpand
 
marksantiago02 profile image
Mark Santiago
A forward thinking full stack blockchain engineer
  • Location
    Angeles, Philippines
  • Education
    Holy Angeles University
  • Pronouns
    He/Him
  • Work
    Full stack blockchain developer
  • Joined

Thanks

CollapseExpand
 
zemerik profile image
Hemang Yadav
💻Passionate Developer + 💪Expertise in Web-Development + 🎓Open-Source Enthusiast + 🏆Content Creator
  • Email
  • Location
    Victoria, Australia
  • Education
    Hillcrest Christian College
  • Pronouns
    he/him
  • Joined

Thanks for reading the blog, I hope you found it useful!

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

💻Passionate Developer + 💪Expertise in Web-Development + 🎓Open-Source Enthusiast + 🏆Content Creator
  • Location
    Victoria, Australia
  • Education
    Hillcrest Christian College
  • Pronouns
    he/him
  • Joined

More fromHemang Yadav

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp