:octocat: Interactive git cheat sheet
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
.gitignore
LICENSE.md
README.md
index.html
index_bundle.js
package.json
webpack.config.js

README.md

Git Flow

Git Flow

Learn to use git through a dynamic, interactive flowchart.

See it live here!

Table of Contents

  1. Getting Started
  2. Deployment
  3. Built With
  4. Contributing
  5. Authors
  6. License

Introduction

Git Flow walks you through a typical merge workflow with git. Git Flow presents each step needed to use git as an interactive flowchart. As the tutorial progresses, users choose paths that are relevant to their needs, making sure that unnesescary information gets filtered out.

Getting Started

Git Flow uses Webpack and NPM to build and transpile all React code into regular HTML, CSS, and Javascript.

Prerequisites

Make sure you have NodeJS and NPM installed. You can download Node here. This will install NPM as well.

You are welcome to use Yarn instead of NPM if you prefer.

Installing

First, clone the project to a local directory.

   git clone https://github.com/regexpressyourself/gitflow.git && cd gitflow

Next, install the dependencies using NPM or Yarn.

Using NPM

   npm install

Using Yarn

   yarn install

Back to top

Deployment

Development Environment

To run Git Flow in development mode, you will need to run the start script declared in package.json.

Using NPM

   npm run start

Using Yarn

   yarn run start

That's it! Your development server is running at http://localhost:8080

Webpack is configured with hot reloading, so any changes saved to source files will be immediately reflected in the browser.

Production Build

To build a production version of the app, with all React code loaded into a bundled, minified Javascript file, you need to run the production script declared in package.json.

Using NPM

   npm run production

Using Yarn

   yarn run production

This will leave you with an index.html and an index_bundle.js file in the project root. Hosting these files from the same location will serve the production build of Git Flow.

Back to top

Built With

  • React - The web framework that powers the site
  • Webpack - A module builder automate development and production build processes
  • React Router v. 3 - Sits on top of React to enable route-based views without a backend server
  • Babel - Transpiler to convert raw React code into browser-ready HTML and Javascript

Back to top

Contributing

I'm always happy to receive pull requests, questions/issues regarding code, and feature requests on all my projects. Please feel free to open an issue or submit a pull request.

Back to top

Authors

Back to top

License

Git Flow is licensed under the MIT License - see the LICENSE.md file for details.

Back to top