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

The issue does not identify any files, tests, or entry points. Start by locating the website's existing page and content structure, then define the resource categories, filtering, search, and responsive layout; done means the resources section is populated and matches the listed structure and design notes.