Building My Portfolio Website (Without Overthinking It)

A portfolio is your personal website where you curate information about yourself and the work you have done.
This is usually the first thing a recruiter, collaborator, or even a client asks for.

Even I was asked to make my portfolio.

Now, a portfolio is supposed to represent your work. Ideally, you would write the code yourself. But honestly, instead of spending days writing HTML and CSS, I just wanted to fill my details into something that already works.

There are many tools available for this:

  • WordPress

  • Google Sites

  • Vercel

  • Wix

You might like any of these.

But in my case, I wanted to try something different.

Using AI to Build the Portfolio

So, I decided to use AI.

I gave it a proper prompt describing what kind of portfolio I wanted.
It gave me code. I checked it. It was not up to the mark.

Then I gave another prompt. Still not good enough.

This process repeated almost five times.

At one point, it felt frustrating — but then I realized something important.

Each version had some parts that were actually good.

So in my final attempt, I took all the good parts from the previous outputs, combined them into a single prompt, and gave it to the AI again.

This time, the result was much better.

It wasn’t perfect, but it delivered the exact idea I wanted to communicate. After that, I only had to work on the details section and small refinements.



Hosting the Portfolio (The Real Part That Matters)

But building a portfolio is not enough.
Even a 13-year-old can create a website template.

The real challenge — and the interesting part — is hosting it publicly, so it doesn’t just sit and die on your computer.

For me, the choice was clear: GitHub Pages.

I asked ChatGPT how to host a website using GitHub Pages, and the steps were surprisingly simple.

Steps to Host Your Portfolio Using GitHub Pages

  1. Upload your website code to a GitHub repository

  2. Go to Settings in the repository

  3. In the left sidebar, click on Pages

  4. Select the root folder as the source

  5. Done ✅

Your portfolio is now live.

You can check that at - cyberwithpriyanshu.github.io/my-portfolio


Final Thought

You don’t need to overengineer your portfolio.
What matters is:

  • clarity

  • honesty

  • and showing what you have actually done

The tool doesn’t matter as much as the signal you send.


Comments

Post a Comment

Popular posts from this blog

Obfuscation and Deobfuscation

I was on Hack The Box Academy, happily reading along when the first word of the module popped up: understanding . Good. Next word: code . Still good. Then the third word appeared: deobfuscation . And I just stared at it like, “How many alphabets did they use to make this word?” I tried pronouncing it five or six times. For a moment, I genuinely believed Shashi Tharoor writes simpler words 😂. Eventually, yes, I managed to say it without hurting my tongue. Anyway, let’s move to the topic. Obfuscation  As the name suggest , it is process of converting simple things ( notes , words , sentences ) into complex form 😂.  More precisely , it is the process of taking a simple , clear sentence and writing it in a complex cipher, using synonyms from a dead language, and adding alot of irrelevant words. The meaning remains preserved, but it is extremely hard to understand ( same as the name of topic obfuscation) .  Defuscation It is simply opposite of obfuscation. It is the proc...
Read more

OSINT Basics: Introduction, Scope, and Ethical Boundaries (Part 1)

Image
Disclaimer: All the tools and methods discussed in this blog are part of what I am learning in a safe and legal environment . This content is strictly for educational purposes only and is not intended to harm any individual or organization. Even though we all know that theoretical knowledge alone is not enough, most of my learning so far has been on the theory side. From now on, I’ll try to balance both theory and practical understanding — slowly and responsibly. That brings us to today’s topic: OSINT . What is OSINT? OSINT stands for Open Source Intelligence . As the name suggests, it is about gathering information from publicly available sources such as: the internet social media news articles public records OSINT has nothing to do with hacking . It focuses on collecting and analyzing information that is already exposed — often unintentionally. Why OSINT matters in cybersecurity OSINT helps us understand the human attack surface , which is often the weakest link in sec...
Read more

Cybersecurity Devices and Technologies Part 1

There is no single device or technology that can solve all the security needs of an organization on its own. A secure network is built by choosing the right tools for the right purpose. This blog covers some of the basic devices and technologies used in the field of network security. Security Appliances Security appliances can be physical devices like routers, or software tools running on those devices. They generally fall into six categories: Routers : Routers primarily connect different network segments, but they also offer basic traffic-filtering features. This helps decide which devices can connect and which networks they’re allowed to communicate with. Firewalls : Firewalls are the guardians of a network. They inspect traffic more deeply and can detect suspicious or harmful behaviour. Firewalls enforce security policies on every packet that passes through them. Intrusion Prevention System (IPS) : An IPS uses traffic signatures to detect and block malicious activities i...
Read more