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
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/`.
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
pnpm i
pnpm run dev
4. After you have made your changes, you can host your Portfolio on Vercel or on Netlify
Screenshots
Top comments (1)
Thanks