Professional development workflow:
pull → code → test → add → commit → push
- Open your project
Go into your project folder:
cd your-project-folder
- Pull latest changes FIRST
Always do this before coding:
git pull --rebase origin main
Why: sync with GitHub, avoid conflicts, keep project updated.
- Create a branch (recommended)
For a new feature/fix:
git checkout -b fix/mobile-layout
Examples: feature/contact-form, fix/navbar, feature/dark-mode
- Code your feature
Examples: fix responsiveness, add animation, create new section, fix bugs.
Test on mobile, tablet, and desktop.
- Check changed files
git status
- Add files
git add .
Or specific files: git add style.css
- Commit changes
git commit -m "fix mobile overflow in project grid"
Good commits are short, descriptive, and focused on one thing.
- Push to GitHub
If using main: git push origin main
If using a branch: git push origin fix/mobile-layout
- Live site updates automatically
If deployed with Vercel, Netlify, or GitHub Pages, your demo redeploys automatically after push.
- Repeat
Beginner Tips
DO: commit often, use clear commit messages, pull before coding, push regularly, test mobile frequently.
DON'T: make giant commits, ignore Git errors, push broken code intentionally, work for days without pushing.
Full Example Workflow
git pull --rebase origin main
git checkout -b fix/mobile-project-layout
#code
git status
git add .
git commit -m "fix mobile overflow in project section"
git push origin fix/mobile-project-layout