Welcome to Thirty Minutes to Merge

A project based learning activity for people who are getting started with branching with Git.

You can play the game at: https://githubschool.github.io/thirty-minutes-to-merge/

SUPPORTED BROWSERS: Chrome, Firefox, Safari, Opera and IE9+

This fun open source game was cloned from: https://github.com/jakesgordon/javascript-tetris

Initial Repo Setup (Student)

Enable GitHub Pages in Repository Settings:

1. Click the "Settings" tab in the repository navigation menu
2. Scroll down to the heading that reads "GitHub Pages"
3. Click the button that says "None" to select which branch you would like to serve your GitHub page from. For this demo, choose "main".
4. Click "Save" button to save this setting.
5. Once saved, you will be provded with a URL where your GitHub Page is being hosted.

GitHub Flow

GitHub Flow Graphic

Oh no! The link in our README file isn't correct. Let's use the GitHub Flow to correct our README file.

• TODO - Fix the URL in the README.md file.

1. Create a branch
2. Edit the README.md file and fix the URL. Save and commit your changes.
3. Open a Pull Request - add some information about the chages you are proposing. Let the collaboration begin!
4. Merge your approved changes into the main branch.
5. 🎉 Celebrate! You just completed the GitHub Flow. 🎉

Git Flow

1. Create a feature branch from the main branch named feature-changespeed
2. On line 78 of the index.html file, alter the start and min values.
3. Create a feature branch from the main branch named feature-changecolor
4. On lines 116 through 122 of the index.html file, alter the colorvalues to any color you like.
5. Create a feature branch from the main branch named feature-movebackground
6. Create a folder called images in the root of the project. Next, move the texture.jpgfile into that folder. Then, alter line 9 of the index.htmlfile so that the background: value points to the image inside the new images folder. It should look like this: url(images/texture.jpg);
7. Create a pull request from each feature branch into the develop branch.
8. Review and approve each Pull Request and merge the new feature into the develop branch
9. Time to go to production! Now open a pull request from the develop branch into the main branch.
10. Time for final review and approval, then promote the develop branch to production - merge develop into production.

While following along, if you don't want to create the branches and make modifications to the files in the repository you can use the following branches when we discuss a Git Flow workflow:

• ex-changespeed
• ex-changecolor
• ex-movebackground