# Create a new repo on GitHub
# Clone it locally
-weight: 500;">git clone https://github.com/Gaurav2349/portfolio-.-weight: 500;">git
cd portfolio- # Add your index.html file
-weight: 500;">git add index.html
-weight: 500;">git commit -m "Add portfolio website"
-weight: 500;">git push origin main
# Create a new repo on GitHub
# Clone it locally
-weight: 500;">git clone https://github.com/Gaurav2349/portfolio-.-weight: 500;">git
cd portfolio- # Add your index.html file
-weight: 500;">git add index.html
-weight: 500;">git commit -m "Add portfolio website"
-weight: 500;">git push origin main
# Create a new repo on GitHub
# Clone it locally
-weight: 500;">git clone https://github.com/Gaurav2349/portfolio-.-weight: 500;">git
cd portfolio- # Add your index.html file
-weight: 500;">git add index.html
-weight: 500;">git commit -m "Add portfolio website"
-weight: 500;">git push origin main
<div class="terminal"> <div class="terminal-bar"> <span class="dot red"></span> <span class="dot yellow"></span> <span class="dot green"></span> </div> <div class="terminal-body"> <div>$ whoami</div> <div class="output">→ DevOps Engineer</div> <div>$ -weight: 500;">kubectl get skills</div> <div class="output">Docker Running ✓</div> <div class="output">Kubernetes Running ✓</div> </div>
</div>
<div class="terminal"> <div class="terminal-bar"> <span class="dot red"></span> <span class="dot yellow"></span> <span class="dot green"></span> </div> <div class="terminal-body"> <div>$ whoami</div> <div class="output">→ DevOps Engineer</div> <div>$ -weight: 500;">kubectl get skills</div> <div class="output">Docker Running ✓</div> <div class="output">Kubernetes Running ✓</div> </div>
</div>
<div class="terminal"> <div class="terminal-bar"> <span class="dot red"></span> <span class="dot yellow"></span> <span class="dot green"></span> </div> <div class="terminal-body"> <div>$ whoami</div> <div class="output">→ DevOps Engineer</div> <div>$ -weight: 500;">kubectl get skills</div> <div class="output">Docker Running ✓</div> <div class="output">Kubernetes Running ✓</div> </div>
</div>
const roles = [ 'DevOps Engineer', 'Linux Power User', 'CI/CD Pipeline Builder', 'Cloud Administrator'
]; let roleIndex = 0;
let charIndex = 0;
let deleting = false; function type() { const word = roles[roleIndex]; if (!deleting) { // typing forward element.textContent = word.slice(0, charIndex++); if (charIndex > word.length) { deleting = true; setTimeout(type, 1800); return; } } else { // deleting backward element.textContent = word.slice(0, charIndex--); if (charIndex < 0) { deleting = false; roleIndex = (roleIndex + 1) % roles.length; charIndex = 0; } } setTimeout(type, deleting ? 45 : 85);
}
const roles = [ 'DevOps Engineer', 'Linux Power User', 'CI/CD Pipeline Builder', 'Cloud Administrator'
]; let roleIndex = 0;
let charIndex = 0;
let deleting = false; function type() { const word = roles[roleIndex]; if (!deleting) { // typing forward element.textContent = word.slice(0, charIndex++); if (charIndex > word.length) { deleting = true; setTimeout(type, 1800); return; } } else { // deleting backward element.textContent = word.slice(0, charIndex--); if (charIndex < 0) { deleting = false; roleIndex = (roleIndex + 1) % roles.length; charIndex = 0; } } setTimeout(type, deleting ? 45 : 85);
}
const roles = [ 'DevOps Engineer', 'Linux Power User', 'CI/CD Pipeline Builder', 'Cloud Administrator'
]; let roleIndex = 0;
let charIndex = 0;
let deleting = false; function type() { const word = roles[roleIndex]; if (!deleting) { // typing forward element.textContent = word.slice(0, charIndex++); if (charIndex > word.length) { deleting = true; setTimeout(type, 1800); return; } } else { // deleting backward element.textContent = word.slice(0, charIndex--); if (charIndex < 0) { deleting = false; roleIndex = (roleIndex + 1) % roles.length; charIndex = 0; } } setTimeout(type, deleting ? 45 : 85);
}
<img src="https://ghchart.rshah.org/00d4ff/Gaurav2349" alt="GitHub contributions"
/>
<img src="https://ghchart.rshah.org/00d4ff/Gaurav2349" alt="GitHub contributions"
/>
<img src="https://ghchart.rshah.org/00d4ff/Gaurav2349" alt="GitHub contributions"
/>
# Install gh-pages
-weight: 500;">npm -weight: 500;">install gh-pages --save-dev # Add to package.json
"homepage": "https://gaurav2349.github.io/portfolio-",
"scripts": { "predeploy": "-weight: 500;">npm run build", "deploy": "gh-pages -d build"
} # Deploy with one command
-weight: 500;">npm run deploy
# Install gh-pages
-weight: 500;">npm -weight: 500;">install gh-pages --save-dev # Add to package.json
"homepage": "https://gaurav2349.github.io/portfolio-",
"scripts": { "predeploy": "-weight: 500;">npm run build", "deploy": "gh-pages -d build"
} # Deploy with one command
-weight: 500;">npm run deploy
# Install gh-pages
-weight: 500;">npm -weight: 500;">install gh-pages --save-dev # Add to package.json
"homepage": "https://gaurav2349.github.io/portfolio-",
"scripts": { "predeploy": "-weight: 500;">npm run build", "deploy": "gh-pages -d build"
} # Deploy with one command
-weight: 500;">npm run deploy
-weight: 500;">npm run deploy
-weight: 500;">npm run deploy
-weight: 500;">npm run deploy
useEffect(() => { fetch('https://dev.to/api/articles?username=gauravnayak&per_page=3') .then(r => r.json()) .then(data => setPosts(data));
}, []);
useEffect(() => { fetch('https://dev.to/api/articles?username=gauravnayak&per_page=3') .then(r => r.json()) .then(data => setPosts(data));
}, []);
useEffect(() => { fetch('https://dev.to/api/articles?username=gauravnayak&per_page=3') .then(r => r.json()) .then(data => setPosts(data));
}, []); - HTML/CSS/JS is enough to build something impressive
You don't need React for everything. My first version
was a single HTML file and it looked amazing.
- GitHub Pages is genuinely free and powerful
No server costs, no hosting fees, no configuration.
Perfect for portfolios.
- A live URL beats a PDF resume every time
I started including my portfolio link in every
application. Response rate improved noticeably.
- Build in public
Pushing code regularly, making open source
contributions, writing blogs — all of this builds
your online presence over time.
---
Results
Portfolio live at: https://gaurav2349.github.io/portfolio-/
GitHub: https://github.com/Gaurav2349
First open source PR merged on an 18k star repo
Reliance job application submitted
---
Your Turn
If you're a fresher DevOps engineer reading this build your portfolio today. Not tomorrow. Today.
It takes one afternoon and the results speak for themselves.
All you need:
A GitHub account (free)
Basic HTML/CSS knowledge
Your resume content
If I could do it you can too.
---
I'm Gaurav Nayak, a fresher DevOps Engineer from
CDAC Pune actively looking for DevOps/Cloud/Linux
Admin roles. Let's connect on
LinkedIn
or check out my
GitHub.
