Step 1: Pick the overall look of your website
Below are three different styles for your portfolio. Each picture shows only the first screen a visitor sees when they open the site. These are sketches, not the final site. The text is your real info, but the numbers like "31 ms" and "a3f9c1e" are placeholders.
I am not asking about content or features yet. I'm only asking which style and feeling you like most. Everything else (projects page, the DevOps panel, mobile layout) gets designed afterwards in that style.
Option A: "Release Notes"
The site looks like a software changelog. Developers write release notes like "v4.7.0: added X". Here, you are the software. You're in 4th year, 7th semester, so you're v4.7, and each project or hackathon win is listed like a release. The feel is calm and printed: cream paper, a classic newspaper-style font, and lots of space.
shipped 2h ago from main
served from DEL edge · 31 ms
v4.7 — still shipping.
Good: it's clean, easy for recruiters to read, and the "v4.7" idea is clever. Weak: it's mostly text, so it's the least visually striking of the three.
Option B: "The Drafting Sheet"
The site looks like an engineer's blueprint: graph paper, a border around the page, and a small info box in the corner like real technical drawings have. The drawing on the right is a real diagram of how this website reaches the visitor (browser → Cloudflare → Worker → storage). On the final site, those numbers will be live. Red "pencil" handwritten notes make it feel made by a person, not AI. This style shows your DevOps side without the usual black-and-green "hacker terminal" look.
Patel
Good: I haven't seen a portfolio like this. It shows both web dev and DevOps in the first second. Weak: it's harder to build well. If done badly, it looks like a costume.
Option C: "Field Notebook"
The site looks like a personal notebook or scrapbook. It leads with the problems you solved for real people (civic complaints → Nivaran, kirana shops → Vyapari, a college club → GFG platform). It has real photos from your hackathons pinned like polaroids, and a Hindi word (निवारण) as decoration. It's the warmest and most personal of the three.
build a3f9c1e · 31 ms
Good: it's the most human and impossible to copy. Weak: it doesn't say "DevOps engineer" clearly at first glance.
What I need from you
Tell me in the terminal one of these:
- "A", "B" or "C": the style you like most, or
- a mix, for example "B, but with the photos from C", or
- "none". Then tell me what you dislike and I'll make new options.
My suggestion: B as the main style, with A's "v4.7" idea and C's real hackathon photos added in.