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 (7)
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.
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 like
Paint GitHubor private commit spamming. Lots of people do, so you can't totally rely on that either.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!
Thanks for taking the time to read my blog and providing valuable feedback!
Thanks
Thanks for reading the blog, I hope you found it useful!
👍