DEV Community

its_hayder
its_hayder

Posted on

2 2 1 2

How to Build a clean Portfolio Website in Moments: Free Template Included! 🚀

As a developer or designer 🌟, creating a personal portfolio is key to landing that dream job! Your portfolio speaks volumes about your skills, creativity, and passion, showcasing your best projects to potential employers. 🚀 In this guide, I'll show you how to build your very own portfolio website and host it for free

Demo

Before we get into the nitty-gritty, why not take a peek at what your portfolio could look like? Head over to my portfolio and prepare to be amazed! here

🛠️ Get Your Hands on the Code

Ready to make this template your own? Awesome! Here's how to get started:

  1. Visit this GitHub repo
  2. Click that "Fork" button in the top right corner
  3. Boom! You now have your own copy to customize

🎨 Customizing Your Portfolio

Now for the fun part - making this portfolio uniquely yours!

  1. Make it Personal: Replace "Hayder" with your name throughout the template.
  2. Show Your Face: Swap out the profile picture (me.jpeg) with your best shot.
  3. Tell Your Story: Update the "About Me" section with your unique journey.
  4. Flaunt Your Skills: Add or remove skills in the "Technical Stack" section.
  5. Showcase Your Work: Replace the project examples with your own awesome creations.

🚀 Launch Your Portfolio to the Stars

Once you've made the template your own, it's time to share it with the world! Here's how:

  1. Push your changes to your GitHub repo
  2. Go to your repo's Settings > Pages
  3. Select your main branch as the source
  4. Click Save, and voila! Your portfolio is live at https://yourusername.github.io/repo-name/

this is a YouTube video for more explanation here

🎉 You Did It!

Congratulations, you tech wizard! 🧙‍♂️ You now have a stunning portfolio that's sure to impress. Remember, this is just the beginning - keep updating your portfolio with new projects and skills as you grow.
Got questions? Need help? Or just want to show off your new portfolio? Drop a comment below or reach out to me directly. Let's celebrate your awesome new online presence together! 🎊
Happy coding, and may the job offers be ever in your favor! 💼✨

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️