OpenLake/OpenLake--Website

Add a resources section

Open

#13 opened on Apr 23, 2025

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (12 forks)auto 404
enhancementhelp wanted

Repository metrics

Stars
 (2 stars)
PR merge metrics
 (PR metrics pending)

Description

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

Contributor guide