This project repeats Wes Bos's JavaScript 30 challenges (https://github.com/wesbos/JavaScript30) in Angular and RxJS.

Challenges:

• Day 1: JavaScript Drum Kit (code: https://github.com/railsstudent/ng-rxjs-30/tree/main/projects/day1-javascript-drum-kit, demo: https://railsstudent.github.io/ng-rxjs-30/day1-javascript-drum-kit/)
• Day 2: Ng and CSS Clock
• Day 3: CSS Variables
• Day 4: Array Cardio Part 1
• Day 5: Flex panel gallery
• Day 6: Ng Type Ahead
• Day 7: Array Cardio Part 2
• Day 8: Ng HTML Canvas
• Day 10: Hold Shift And Check Checkboxes
• Day 11: Custom Video Player
• Day 12: Key Sequence Detection
• Day 13:
• Day 15:
• Day 16:
• Day 17:
• Day 18:
• Day 19:
• Day 20:
• Day 22:
• Day 23:
• Day 24:
• Day 26:
• Day 27:
• Day 28:
• Day 29:
• Day 30:

Run ng serve --project=<project name> for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

• Check out gh-pages branch
• Run ./build-doc.sh <project name> to build the project. The build artifacts will be stored in the dist/ directory.
• git commit and push gh-pages branch to deploy the project to github page

 - change to project directory
ng g m src/app/<module name> --project=<project name> --module=src/app/app.module

 - change to project directory
 ng g c src/app/<feature module>/<component name> --change-detection=OnPush --project=<project name> --module=src/app/<feature module>.module 

./build-doc.sh  <project name>

 - switch to gh-pages branch
 - merge main to gh-pages branch
 - update angular.json to add baseHref property 
 - copy index.html to 404.html
ng build --project=<project folder> --output-path docs/<project folder>
git add .
git push

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.