intermediate-git
This is the base for doing a live demo presentation for a couple practical Git topics. It tries to keep everything basic so there is as little prereqs as possible.
Prereqs
- Git basics (commit, pull, push, branches, pull requests)
- Basic HTML, CSS, and JS knowledge
- Package.json is used to manage dependencies, scripts, and other metadata about the app
- Firebase is a service used for hosting
- Configuration is done in
.firebaserc
and through commands in CircleCI config
- Configuration is done in
- CircleCI is used for Continuous Deployments (auto deploying the new version of the application to Firebase after each commit)
- Configuration is done in
.circleci/config.yml
- Configuration is done in
- Gulp is used as a build tool
- Configuration is done in
gulpfile.js
- Configuration is done in
How to run
- Make sure Node is installed on your computer
- Run
npm install
in the projects directory to install dependencies - Run
npm run build
to manually create build artifacts, which will be stored in/dist
(this is local only, it will not do a deployment) - Open
/dist/index.html
in your web browser!
Wait you want to deploy your own??
- Fork this repo to your account, and clone it to your computer
- Setup a CircleCI account and your forked repo as a project
- Setup a firebase account
- Run
npm install -g firebase-cli
thenfirebase login:ci
to get an authentication token - In CircleCI add an environment variable named
FIREBASE_DEPLOY_TOKEN
with the authentication token from the previous step to your project - Edit
.firebaserc
to the name of your firebase app