https://github.com/zemerik/portfolio-template

A Progressive Portfolio Template to build your portfolio
https://github.com/zemerik/portfolio-template

javascript netlify open-source portfolio-template reactjs scss-framework vercel

Last synced: 14 days ago
JSON representation

A Progressive Portfolio Template to build your portfolio

• Host: GitHub
• URL: https://github.com/zemerik/portfolio-template
• Owner: Zemerik
• License: mit
• Created: 2023-12-24T05:14:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-27T02:37:57.000Z (5 months ago)
• Last Synced: 2025-03-28T08:35:40.496Z (about 1 month ago)
• Topics: javascript, netlify, open-source, portfolio-template, reactjs, scss-framework, vercel
• Language: Svelte
• Homepage: https://easyportfoliotemplate.vercel.app
• Size: 6.17 MB
• Stars: 19
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
















  Portfolio Template





  



![wakatime](https://wakatime.com/badge/user/9860690e-8928-4746-844c-c2924f121f2d/project/5de3fb2c-df6d-40a8-95d9-15ac29c773f2.svg)

## ❗About:

Welcome to the Portfolio Template, your ultimate tool for crafting a professional and personalized portfolio that showcases your unique skills and achievements. This template is designed to empower users with a sleek, modern, and user-friendly interface, ensuring that your portfolio not only impresses but also effectively communicates your story and capabilities.

- Feel free to read my [Blog](https://zemerik.hashnode.dev/building-your-portfolio-in-2025) about this Project on Hashnode



[![Easy Portfolio Template](https://ytcards.demolab.com/?id=l-ePe_MJU-s&title=Easy+Portfolio+Template&lang=en&timestamp=1731829549&background_color=%230d1117&title_color=%23ffffff&stats_color=%23dedede&max_title_lines=1&width=250&border_radius=5&duration=184 "Easy Portfolio Template")](https://www.youtube.com/watch?v=l-ePe_MJU-s)



## ⭐ Key Features:

- Customizable Sections

- Responsive Design

- Social Media Integration

- SEO Optimization

- Easy Setup

- Personal Branding

![Phone Screenshot](public/screenshot_phone.png)

## 🤝 How to Install?

### Prerequisites:

- [NodeJS](https://nodejs.org) installed on your machine

- [GIT](https://git-scm.com) installed on your machine

- A Code Editor

### Cloning:

- To make a local copy of this Project on your machine, enter the following `GIT` Commmand in your Terminal:

```bash

git clone https://github.com/Zemerik/Portfolio-Template.git && cd Portfolio-Template

```

### Customising:

- This Portfolio can be easily customised to your choice, just follow the guide below:

  Main Sections




|                     Image                 |      Section    |                                 File                        |       Lines     |

| ----------------------------------------- | --------------  | ----------------------------------------------------------- | --------------  |

| ![Nabar](public/navbar.png)               | Navbar          | `src/routes/Head.svelte`                                    | **30 - 47**     |

| ![Home](public/welcome.png)               | Home            | `src/routes/+page.svelte`                                   | **27-52**       |

| ![About Me](public/aboutme.png)           | About Me        | `src/routes/+page.svelte`                                   | **54 - 99**     |

| ![Projects](public/projects.png)          | Projects        | `src/routes/Work.svelte`                                    | **3 - 28**      |

| ![Contact Me](public/contactme.png)       | Contact Me      | `src/routes/+page.svelte`                                   | **107 - 114**   |

| ![Experiences](public/experiences.png)    | Experiences     | `src/routes/Experience.svelte`                              | **27-52**       |

| ![Footer](public/footer.png)              | Footer          | `src/routes/Footer.svelte`                                  | **52 - 75**     |

| ![Seo](public/seo.png)                    | SEO             | `src/routes/+page.svelte` & `src/routes/hire/+page.svelte`  | **25** & **6**  |

  Spotify Status




1. Join the [Lanyard](https://github.com/Phineas/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/`.

> Thanks to [Lanyard](https://lanyard.eggsy.xyz/) for making this possiblle!

### Quick Start:

- We can locally run this Project on our Network and see the output using the following Commands of `NodeJS` and `PNPM`:

> Install required Dependencies

```bash

npm i pnpm --force

```

```bash

pnpm i

```

> Run the output locally on your Network

```bash

pnpm run dev

```

### Hosting:

- After you have made your changes, you can host your Portfolio on [Vercel](https://vercel.com) or on [Netlify](https://www.netlify.com)

## 😎 Happy Coding!!

## 💁 Support:

For any kind of support or inforrmation, you are free to join our **Discord Server**,



  



#



  Don't forget to leave a ⭐

  


  Made with 💖 by Hemang Yadav (Zemerik)