Building your Portfolio in 2025

zemerik

Hemang Yadav

Posted on November 29, 2024

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 && cd Portfolio-Template
Enter fullscreen mode Exit fullscreen mode
2. Customize the Portfolio to your choice. If you are stuck, refer to table and instructions below:
Section File Lines
Navbar src/routes/Head.svelte 30 - 47
Home src/routes/+page.svelte 27-52
About Me src/routes/+page.svelte 54 - 99
Projects src/routes/Work.svelte 3 - 28
Contact Me src/routes/+page.svelte 107 - 114
Experiences src/routes/Experience.svelte 27-52
Footer src/routes/Footer.svelte 52 - 75
SEO src/routes/+page.svelte & src/routes/hire/+page.svelte 25 & 6
  • Spotify Status
1. Join the Lanyard Discord Server, 
      - https://discord.com/invite/UrXF2cfJ7F
2. Head over to `src/routes/spotify.ts` and locate line **62**. 
3. Remove *1018816958587748383* and paste **YOUR DISCORD ACCOUNT ID** after `/users/`.
Enter fullscreen mode Exit 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 mode Exit fullscreen mode
pnpm i
Enter fullscreen mode Exit fullscreen mode
pnpm run dev
Enter fullscreen mode Exit fullscreen mode
4. After you have made your changes, you can host your Portfolio on Vercel or on Netlify

Screenshots

Phone Screenshot

Thanks for Reading!

💖 💪 🙅 🚩
zemerik
Hemang Yadav

Posted on November 29, 2024

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

Sign up to receive the latest update from our blog.

Related

Building your Portfolio in 2025
webdev Building your Portfolio in 2025

November 29, 2024