Austin Coding Academy Website Generator

• Mac OSX

1. Install RVM/Ruby
2. \curl -sSL https://get.rvm.io | bash
3. rvm install 2.5.1
4. rvm use 2.5.1 --default
5. gem install bundler
6. Install Node.js
7. npm install -g yarn or sudo npm install -g yarn

1. Clone repo and navigate into directory
2. Install dependencies
3. bundle
4. yarn

1. yarn start
2. Navigate to http://127.0.0.1:4000

• Every change you make will regenerate the site

1. To make a change
2. Open terminal 1. cd into project directory austincodingacademy.com/ 1. git checkout preview to get onto preview branch 1. git checkout -b [name-of-fix] to create the bug-specific branch, which will get deleted after
3. See : Development
4. On site 1. Use DevTool to find the areas to fix 1. Find the most uniquely named class (or whatever has a unique name)
5. In Editor 1. Use Command+Shift+F to search the codebase for the uniquely named class 1. Double click on the blue word to be taken to the specific file that needs updating 1. Make fixes 1. Check in http://127.0.0.1:4000
6. In terminal 1. check files git status 1. git add . 1. git commit -m "some message" 1. git push origin [name-of-fix]
7. In github.com 1. create pull request (base: preview ... compare: [name-of-fix]) 1. review, merge, delete [name-of-fix] branch 1. check Preview Sites
8. if nothing breaks 1. create pull request (base: master ... compare: preview) 1. review, merge 1. check Production Sites

1. make sure to have local site running at http://localhost:4000
2. run yarn test

Every change to the preview branch will be deployed to

• https://preview.austincodingacademy.com

Every change to the master branch will be deployed to

• https://austincodingacademy.com
• https://lubbockcodingacademy.com

#Making a Blog Post

1. In Atom > [underscore]posts 1. Create a new file using the format of the previous posts 2. Make sure to include and update the front-matter 3. Blog posts are done in markdown, so those rules apply, as well as Bootstrap columns for images 4. Regular text should be done with H4's - 4 hashmarks - for legibility. H4's also have line-height assigned to them. 5. Break up the text with H2's - 2 hashmarks 6. Here is an ACA post as an example 7. Here is an Iron Yard example