🌐 TechTonic 2.0 — Web Development Wing

First-Year Training Repository | OpenCode

Learn Web Development the right way — through structured tasks, clean workflows, and mentor-verified contributions.

---

🎯 Purpose of WebDev Wing

This wing is designed to help first-year students:

• Understand how real frontend projects are structured
• Learn HTML, CSS, JavaScript fundamentals (no frameworks first)
• Practice Git + GitHub workflows in a safe environment
• Prepare for advanced OpenCode Web repositories

This is not a tutorial repo. This is training through contribution.

---

👥 Who Can Contribute?

• ✅ First-year students only
• ✅ Verified OpenCode contributors
• ❌ Seniors / external contributors are not allowed

Any violation → PR closed without review.

---

🌿 Branch Rules (VERY IMPORTANT)

Branch	Purpose
webdev	All Web Development tasks
main	❌ No project code

⚠️ Rules

• All work must happen only in webdev
• PRs to main will be rejected
• Copying only the main branch = ❌ invalid contribution

---

📁 Project Structure

TechTonic-2.0/
│
├── webdev/
│   ├── contributors/
│   │   ├── <your-enrollment-number>/
│   │   │   └── task-XX/
│   │
│   ├── starter_files/
│   │   ├── task-01/
│   │   ├── task-02/
│   │   ├── task-03/
│   │   ├── task-04/
│   │   └── ...
│   │
│   ├── FAQs.md     ← WebDev Wing FAQ
│   └── README.md   ← You are here

📌 Explanation

• starter_files/ → contains starter files
• contributors/ → contributors work inside their own folder only

---

🛠️ Contribution Workflow (Step-by-Step)

• 0️⃣ Go to the Issues tab
• 1️⃣ Choose a WebDev issue
• 2️⃣ Read the issue carefully (task number & instructions)
• 3️⃣ Fork the repository
• 4️⃣ Fetch all branches
• 5️⃣ Checkout the webdev branch
• 6️⃣ Create your folder inside contributors/<your-enrollment-number>/
• 7️⃣ Solve the task only inside your folder
• 8️⃣ Commit with clear messages
• 9️⃣ Open a PR → base branch: webdev
• 🔟Wait for mentor review

---

❌ Common PR Mistakes (Avoid These)

• ❌ Wrong branch
• ❌ Modifying tasks/ directly
• ❌ Extra unrelated files
• ❌ AI-generated explanations

→ PR will be rejected

---

🧪 Evaluation Criteria

PRs are reviewed based on:

• Correct branch usage
• Clean and readable code
• Conceptual understanding
• Commit quality
• Following task instructions

You may be asked to explain your code during review.

---

⚠️ Code Ethics & Plagiarism

• ❌ Copy-paste from blogs / YouTube / AI tools
• ❌ Blind usage of frameworks
• ❌ One-line PRs without explanation

✅ References are allowed for understanding only

If your code looks suspicious, mentors may ask for justification.

---

🆘 Need Help?

Check the following in order:

1. Task README.md inside tasks/
2. WebDev Docs / FAQ (if provided)
3. TechTonic Discussion Channel on Discord

📢 Do NOT DM random mentors

---

👨‍🏫 WebDev Mentors

Name	Discord Username
Shubham Kumar Sahu	@pookie_omen
Aryan Saini	@ryandunno4146
Vaidik Khathal	@vaidik.19
Mishti Garg	@mishti0177

(Only contact mentors listed above through official channels.)

---

Build fundamentals. Not shortcuts. 🚀

---