explaingit

digitalinnovationone/dio-lab-open-source

8,561Jupyter NotebookAudience · generalComplexity · 1/5Setup · easy

TLDR

A hands-on GitHub lab for beginners learning to make their first open-source pull request, hosted by Digital Innovation One, a Brazilian tech education platform.

Mindmap

mindmap
  root((dio-lab-open-source))
    What it does
      Teaches open source contribution
      Collects GitHub profiles
      Live preview page
    Tech stack
      HTML
      CSS
      JavaScript
    Audience
      DIO students
      GitHub beginners
    Use cases
      First pull request
      Profile showcase
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Practice making your first GitHub pull request by adding your profile to a real contributor list.

USE CASE 2

Follow the DIO course curriculum and earn a contribution credit on your GitHub profile.

Tech stack

HTMLCSSJavaScript

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is the hands-on lab for a course called "Contributing to an Open Source Project on GitHub," offered by Digital Innovation One (DIO), a Brazilian technology education platform. The project exists so students can practice the full open-source contribution workflow in a safe, guided environment, without needing a complex codebase to navigate. The site is a simple webpage that collects contributor profile cards from everyone who completes the lab. It is built with plain HTML, CSS, and JavaScript, organized under a docs/ folder with separate subdirectories for stylesheets and scripts. A live hosted version of the page is linked in the README so participants can see what a finished contribution looks like before they submit their own. The contribution flow is intentionally simple. A participant forks the repository, adds their own GitHub profile to the contributor list, and opens a pull request back to the main repo. This single action gives students direct experience with forking, branching, committing, and the pull request review process. Because the change required is tiny, the focus stays entirely on the mechanics of collaboration rather than on writing code. The README is written in Portuguese, which reflects the DIO platform's primary audience. Despite the language barrier, the structure of the code itself is easy to follow, and the file layout is clearly organized. The tech stack is entry-level by design: HTML, CSS, and JavaScript, nothing more. If you are going through the DIO curriculum or simply want a low-stakes first open-source contribution, this is a practical starting point. The scale of the contribution required is minimal, but the GitHub skills you practice here apply to every open-source project you will encounter later.

Copy-paste prompts

Prompt 1
I want to fork the digitalinnovationone/dio-lab-open-source repo and add my GitHub profile card. Walk me through the HTML changes I need to make and how to submit a pull request.
Prompt 2
Explain in simple terms what forking a repository means and how it differs from cloning, using the dio-lab-open-source project as an example.
Prompt 3
Help me write a short contributor card in HTML to add to the DIO open-source lab page.
Open on GitHub → Explain another repo

← digitalinnovationone on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.