🧰 Common Git Commands for Beginners – A Quick Guide

Meena Dhakad — Mon, 07 Apr 2025 12:01:35 +0000

**🔁 1. git init
**Initializes a new Git repository in your project folder.

bash
Copy
Edit
git init
✅ Use when starting a new project that you want to track with Git.

**📥 2. git clone
**Clones an existing repository from GitHub or any remote source.

bash
Copy
Edit
git clone
✅ Use to copy code from a remote repo to your local machine.

**📄 3. git status
**Shows the current status of your working directory.

bash
Copy
Edit
git status
✅ See which files have been modified, added, or deleted before committing.

**➕ 4. git add
**Adds files to the staging area (preparing them to be committed).

bash
Copy
Edit
git add filename

or add everything

git add .
✅ Use after editing/creating files to stage them.

**💾 5. git commit
**Commits your changes with a message.

bash
Copy
Edit
git commit -m "your message here"
✅ Records the snapshot of your changes.

**🔄 6. git pull
**Fetches and merges changes from a remote repository.

bash
Copy
Edit
git pull origin main
✅ Use before you start working to make sure you're updated.

**📤 7. git push
**Pushes your local commits to the remote repository.

bash
Copy
Edit
git push origin main
✅ Uploads your code to GitHub or other remote.

**🔙 8. git log
**Shows a history of commits.

bash
Copy
Edit
git log
✅ Useful to review what changes have been made and by whom.

🗑️ 9. git rm
Removes a file from your repo and stage the deletion.

bash
Copy
Edit
git rm filename
🤔 Final Thoughts
Learning Git is a journey—but it starts with just a few commands. Once you're comfortable with these basics, you'll be able to collaborate, track changes, and contribute to projects with ease.

🔗 Was this helpful? Follow me for more beginner-friendly technical guides!

🌀 Setting Up Tailwind CSS in a Project

Meena Dhakad — Mon, 07 Apr 2025 11:57:37 +0000

📦 Step 1: Initialize Your Project
First, create a new project folder and initialize it with npm:

bash
Copy
Edit
npm init -y
🔧 Step 2: Install Tailwind CSS
Use npm to install Tailwind and its peer dependencies:

bash
Copy
Edit
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
This creates two config files: tailwind.config.js and postcss.config.js.

📁 Step 3: Configure Template Paths
In your tailwind.config.js, define the paths to all your HTML, JS, or JSX files:

js
Copy
Edit
content: ["./src/*/.{html,js,jsx}"]
**🎨 Step 4: Add Tailwind Directives
**In your main CSS file (e.g., index.css), add the Tailwind directives:

css
Copy
Edit
@tailwind base;
@tailwind components;
@tailwind utilities;
**🚀 Step 5: Build Your CSS
**Use the Tailwind CLI to build your CSS:

bash
Copy
Edit
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
**✅ Step 6: Link Output CSS
**Finally, link the generated output.css in your HTML file:

html
Copy
Edit

🧠 That’s it!
You're all set to start using Tailwind utility classes in your project.

DEV Community: Meena Dhakad

🧰 Common Git Commands for Beginners – A Quick Guide

or add everything

🌀 Setting Up Tailwind CSS in a Project