Update Angular Version

.browserslistrc

@@ -0,0 +1,17 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.gitignore

@@ -32,6 +32,7 @@
 npm-debug.log
 testem.log
 /typings
+.angular
 
 # e2e
 /e2e/*.js
@@ -40,3 +41,6 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+
+# VS Code Config
+.vscode/

README.md

@@ -1,17 +1,48 @@
 # Getting Started
 
-Super simple Angular app with 1 module and 2 routes. This is a minor variation on the Tour of Heroes I wrote for the [official docs](https://angular.io/tutorial).
+Super simple Angular app with 1 module and 2 routes. Minor variation of the Tour of Heroes app JP wrote for the Angular docs.
 
-## Get the Code
+I use this app in my Beginner UI Workshop to help people get more comfortable doing UI in Angular and to show off Kendo UI (the component library). See the workshop details below.
+
+## Install Instructions
+[This repo](https://github.com/alyssamichelle/angular-tour-of-heroes) is commonly used by Alyssa Nicoll for her beginner UI workshops. It is an updated fork of John Papa's original tour of heroes, which can be found throughout the Angular docs and is a wonderful learning resource. This file should have all the instructions you need to get started.  There will be prizes for best use of a Kendo UI Component and other categories, so make sure you have the repo installed and running!
+
+- Host BIO: Alyssa is an Angular Developer Advocate for KUI and a Google Developer Expert for Angular. Her two degrees (Web Design & Development and Psychology) feed her speaking career. She has spoken at over 30 conferences Internationally. She streams weekly on the Angular Air podcast and Twitch CodeItLive channel. She enjoys gaming, scuba diving, and has a little one that fondly goes by "Mr. Milks".
+- Host Headshot: https://cl.nicoll.co/eDujOn8D
+- Host Twitter: [@AlyssaNicoll](https://twitter.com/AlyssaNicoll)
+
+### Get the Code
+Clone down repo with HTTPS (easier for beginners)
+```
+git clone https://github.com/alyssamichelle/angular-tour-of-heroes.git
+```
+-or- you can clone down with SSH if you are set up for that:
+```
+git clone [email protected]:alyssamichelle/angular-tour-of-heroes.git
+```
+
+### Move into that directory:
+```
+cd angular-tour-of-heroes 
 ```
-git clone https://github.com/johnpapa/angular-tour-of-heroes.git toh
-cd toh
-npm i
+
+### Install the glorious dependencies
+```
+npm install
 ```
+* Note, sometimes you might need to use --force when installing. If you run into dependency issues while install, try deleting your package-lock and node_modules before re-trying the install:
 
-## Development server
+```
+rm -rf node_modules package-lock.json
+```
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+### Serve up your app locally with the CLI:
+
+```
+ng serve
+```
+
+This runs a local development server at port `http://localhost:4200/`. The app will automatically reload if you change any of the source files. Go ahead and pull this up in your favorite browser!
 
 ## Code scaffolding
 
@@ -36,3 +67,13 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.2.0.
 
+## Alyssa's Beginner UI and Angular Workshop
+A workshop for UI and Angular beginners alike. Let's pull down the Tour of Heroes app (found throughout the Angular docs) and give it a UI upgrade! All you will need is a laptop and your favorite data set (mine, of course, will be ponies).
+
+
+- Dive into the Tour of Heroes demo application like never before!
+- Learn about integrating SASS into your Angular Project.
+- Learn how to include a Component Library into your Project. (We will be using Kendo UI but the principles to implement a UI Library are pretty universal.)
+- Play around with customizing styles and writing custom CSS from scratch.
+- Go over UI/UX principles and implement them on the fly.
+- Take part in UI challenges throughout the Workshop and win prizes!