In this unit, groups of 2–4 students will collaboratively create a multi-page website hosted on GitHub Pages. Each student will be responsible for contributing their own page using branches and pull requests.
Create a Shared Repository (Group)
One group member creates a GitHub repo and initializes it with a README.
Add Collaborators and Accept Invitations (Group)
Group members are invited as collaborators and accept their GitHub invitations.
Create an index.html Page on main (Group)
The homepage introduces the group and links to individual pages. Publish the site using GitHub Pages.
Plan the Site as a Group (Group)
Groups draft a plan showing which member will create which page (e.g., About Me, Resources, Gallery). Include a simple example layout.
Update README (Group)
Update your repository’s README file as a group using a shared template to describe your project, team members, and site layout.
Create a Branch for Each Collaborator (Individual)
Each member creates a personal branch to work on their page.
Assign Pages and Begin Development (Individual)
Members each create a new HTML file (e.g., alex.html
, jordan.html
) on their own branch.
Create Pull Requests (Individual)
Collaborators open pull requests with a description of what their page adds.
Review and Merge Pull Requests (Group)
Team members review PRs and merge them into main
.
Test Live GitHub Page (Group)
Visit the deployed site and check that all pages are accessible and functioning.
Create and Assign GitHub Issues (Individual)
Each student creates at least one issue in the repository. For example, “add a new paragraph” or “create a list”.
Create a Branch to Resolve an Issue (Individual)
After selecting an issue (assigned or created), students create a new branch (e.g., fix-photo-section
) to resolve it. They make the necessary changes, commit with a message that references the issue (e.g., Fixes #12
), and open a pull request. Once reviewed, they merge the changes back to main
.
Add a Shared CSS File via GitHub Issue (Group) (Challenge)
As a group, create a GitHub issue titled something like “Add shared CSS styling.” Only one team member will do this task.
Link to CSS from Personal Page (Individual) (Challenge)
After the shared style.css
has been merged into main
, each student creates a new issue in the repository (e.g., “Link CSS to jordan.html”). Then:
link-css-jordan
)<link rel="stylesheet" href="style.css">
in the <head>
By the end of this unit, student groups will: