- git (https://github.com/git-for-windows/git/releases/latest for windows users)
- node LTS https://nodejs.org/en/
- git clone this repository
- npm install
- npm run watchjs (this build your js files using webpack and watch for changes)
- npm start
- Go to
http://localhost:3000/in your browser
https://www.youtube.com/watch?v=0fKg7e37bQE
Please make sure to add your SSH key to your Github profile. https://confluence.atlassian.com/bitbucketserver/creating-ssh-keys-776639788.html
The following is a typical git workflow from start to finish of checking in a change.
Parameters in brackets are optional
- git clone
repository- Use SSH to avoid having to enter your password all the time
- git checkout master (if not already on master branch) - Switches to the master branch
- git pull - Brings your local repository up to date with Github master branch
- git checkout [-b]
branch- Switches to the desired branch (-b creates a new branch) - git status - Shows the list of changed files (red are unstaged changes)
- git diff - Shows a detailed view of all changes to all files so that you can make sure you are only committing intended changes
- git add . - Adds all unstaged changes for commit
- git status - Shows changes files (should now all be green)
- git commit -m "
your commit message" - Commits staged changes - git push - Pushes your changes to the remote repository (Github)
- goto 1)
If you run into any merge conflicts and are unfamiliar with how to resolve them, don't hesitate to reach out to one of the Decode coaches for some help. :)
Next step is to go to the github website and create a Pull Request for your branch and get one of your peers to review it.
Once the review is approved, Merge it!
- npm install --save
package-name- Installs the NPM package and saves the new entry inpackage.jsonso that others can do NPM install and pick up new dependencies - npm run watchjs - Runs the webpack build for your JS files and rebuilds every time a file is changed. If this is not running, your changes will not be visible when you refresh the page.
- npm start - Starts the app on the configured port
http://www.chartjs.org/docs/latest/
https://docs.google.com/document/d/1SOAkSfL-Ni6StNchDHzWbHcP30l58uKoujuzBO0squs/edit?usp=sharing