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! 💼✨

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

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay