CodeYantra
BUILD WITH ME · DAY 7 / 7

Go LIVE ๐Ÿš€

Aakhri din! ๐ŸŽ‰ Day 6 wala portfolio aaj internet par LIVE hoga โ€” ek asli link jaise tumhara-naam.github.io, jo tum Instagram bio, resume aur LinkedIn par daal sakte ho. GitHub Pages bilkul free hai.

โฑ 15 min๐ŸŽฏ Deploy๐Ÿ›  GitHub Pages par apna portfolio deploy
  • GitHub kya hai โ€” code rakhne ki online jagah
  • Repository (repo) โ€” ek project ka folder, GitHub par
  • GitHub Pages โ€” repo ko free website bana deta hai
  • Git ke 3 main command: add โ†’ commit โ†’ push

Yeh page LIVE hoga ๐Ÿ‘‡

Step by step

Do raaste hain โ€” Raasta A (sirf browser, kuch install nahi) beginners ke liye best hai. Git aata hai to Raasta B.

1Files taiyaar karo

  • Day 6 ke editor me apna portfolio poora karo, phir โฌ‡ Download (1 file) dabao.
  • Downloaded file ka naam badal ke index.html rakho โ€” GitHub Pages hamesha index.html hi kholta hai.
  • (Download wali file me CSS + JS andar hi hai, isliye ek hi file kaafi hai.)

2GitHub account + repo

  • github.com par free account banao. Username soch ke rakho โ€” yahi tumhare link me aayega.
  • Upar + โ†’ New repository. Naam bilkul aisa: username.github.io (apna username!).
  • Public chuno โ†’ Create repository.

3Raasta A โ€” browser se upload (easy)

  • Naye repo me "uploading an existing file" link dabao.
  • Apni index.html drag karke daalo โ†’ neeche Commit changes.
  • Bas! Git install karne ki zarurat nahi. ๐Ÿ™Œ

4Raasta B โ€” git commandsterminal

  • add = files chuno, commit = save point banao, push = GitHub par bhejo.
  • <repo-url> ki jagah GitHub par dikh raha URL paste karo (โ€ฆ/username.github.io.git).
# portfolio folder me terminal kholo
$ git init
$ git add .
$ git commit -m "My portfolio ๐Ÿš€"
$ git branch -M main
$ git remote add origin <repo-url>
$ git push -u origin main

51โ€“2 minute rukoโ€ฆ LIVE! ๐ŸŽ‰

  • Browser me kholo: https://username.github.io
  • Nahi khula? Repo me Settings โ†’ Pages dekho: Branch main, folder / (root) hona chahiye.
  • Kuch badalna ho to file edit karke dobara commit karo โ€” site 1โ€“2 minute me update ho jaati hai.

LIVE hone ke baad ๐Ÿš€

Atak gaye? Notes padho ๐Ÿ“š

Challenge complete ๐ŸŽ‰

Naya day aate hi reel aayegi โ€” @codeyantra follow karo ๐Ÿ””