Add a resources section

Resources Section

🎯 Objective

To provide a centralized knowledge hub that equips students with the tools, tutorials, and context they need to get started with and grow in open-source development.

---

📚 Section Structure

1. Getting Started

• What is Open Source?
  • Basics of FOSS, licensing, why contribute?
• Git & GitHub Essentials
  • Introductory guide with commands, GUI alternatives
  • Creating your first PR walkthrough (with GIFs or videos)
• Common Tools
  • VS Code, Git CLI, GitHub Desktop, Docker (for advanced workflows)

---

2. Contributor Pathways

• Frontend Development
  • React, Next.js, TailwindCSS guides
  • Starter templates
• Backend Development
  • Node.js, Express, NestJS guides
  • API design resources, database basics (MongoDB, PostgreSQL)
• DevOps & Infra
  • GitHub Actions basics
  • Deployment tutorials (Vercel, Netlify, Render, etc.)
• Open Source Program Guides
  • GSoC, LFX, Hacktoberfest, C4GT
  • How to apply, write proposals, past OpenLake selections

---

3. Issue-Hunting & Contribution Guide

• How to find good first issues
• How to communicate with maintainers
• How to write clean, review-friendly code
• Writing good commit messages

---

4. Curated External Resources

• 🧠 Blogs, YouTube channels, and MOOCs
• 📘 GitHub repos (e.g. awesome-open-source)
• 🧰 Tooling (Linters, formatters, boilerplates)

---

5. Glossary

• Open source terms and acronyms explained (e.g. PR, CI/CD, LTS, CLA)

---

📐 Design Notes

• Responsive card layout (tag-based filtering: “Beginner”, “Frontend”, “Docs”, etc.)
• Icons or illustrations per category
• Search bar at the top for quick lookup
• Markdown-based content (optional) – to allow easy PR-based contributions