Tb/deved 333 update (#125)

* updated typescript to v4.6.4

* updated angular to v14

* updated angular cli

* updated README.md

Author: TomasBankauskas

README.md

@@ -19,6 +19,10 @@ Click this button and it will help you create a new repo, create a new Netlify p
   - [Removing Renovate](#removing-renovate)
   - [Removing Cypress](#removing-cypress)
 - [Angular + Netlify Resources](#angular--netlify-resources)
+- [Deployment Options](#deployment-options)
+- [Customization](#customization)
+  - [Styling](#styling-1)
+  - [Updating Dependencies](#updating-dependencies)
 
 ## Setup
 
@@ -72,7 +76,7 @@ If you decide that our styling is not for you, all you'll need to do is remove t
 
 ### Included Default Testing
 
-We’ve included some tooling that helps us maintain these templates. This template currently uses:
+We've included some tooling that helps us maintain these templates. This template currently uses:
 
 - [Renovate](https://www.mend.io/free-developer-tools/renovate/) - to regularly update our dependencies
 - [Cypress](https://www.cypress.io/) - to run tests against how the template runs in the browser
@@ -82,11 +86,11 @@ If your team is not interested in this tooling, you can remove them with ease!
 
 ### Removing Renovate
 
-In order to keep our project up-to-date with dependencies we use a tool called [Renovate](https://github.com/marketplace/renovate). If you’re not interested in this tooling, delete the `renovate.json` file and commit that onto your main branch.
+In order to keep our project up-to-date with dependencies we use a tool called [Renovate](https://github.com/marketplace/renovate). If you're not interested in this tooling, delete the `renovate.json` file and commit that onto your main branch.
 
 ### Removing Cypress
 
-For our testing, we use [Cypress](https://www.cypress.io/) for end-to-end testing. This makes sure that we can validate that our templates are rendering and displaying as we’d expect. By default, we have Cypress not generate deploy links if our tests don’t pass. If you’d like to keep Cypress and still generate the deploy links, go into your `netlify.toml` and delete the plugin configuration lines:
+For our testing, we use [Cypress](https://www.cypress.io/) for end-to-end testing. This makes sure that we can validate that our templates are rendering and displaying as we'd expect. By default, we have Cypress not generate deploy links if our tests don't pass. If you'd like to keep Cypress and still generate the deploy links, go into your `netlify.toml` and delete the plugin configuration lines:
 
 ```diff
 [[plugins]]
@@ -98,13 +102,13 @@ For our testing, we use [Cypress](https://www.cypress.io/) for end-to-end testin
 -    enable = false 
 ```
 
-If you’d like to remove the `netlify-plugin-cypress` build plugin entirely, you’d need to delete the entire block above instead. And then make sure sure to remove the package from the dependencies using:
+If you'd like to remove the `netlify-plugin-cypress` build plugin entirely, you'd need to delete the entire block above instead. And then make sure sure to remove the package from the dependencies using:
 
 ```bash
 npm uninstall -D netlify-plugin-cypress
 ```
 
-And lastly if you’d like to remove Cypress entirely, delete the entire `cypress` folder and the `cypress.config.ts` file. Then remove the dependency using:
+And lastly if you'd like to remove Cypress entirely, delete the entire `cypress` folder and the `cypress.config.ts` file. Then remove the dependency using:
 
 ```bash
 npm uninstall cypress
@@ -114,15 +118,55 @@ npm uninstall cypress
 
 Here are some resources to help you on your Angular + Netlify coding fun!
 
-- [A video walkthrough of the Angular Quick Start Template](https://youtu.be/rNAiN94bBUs)
-- [A blog post on the Angular Quick Start Template](https://www.netlify.com/blog/get-started-with-angular-on-netlify-quickly)
+- [Angular Docs](https://angular.dev/overview)
+- [Angular CLI Commands](https://angular.dev/cli)
+- [Angular on Netlify Configuration](https://docs.netlify.com/frameworks/angular/)
+- [Netlify CLI](https://docs.netlify.com/cli/get-started/)
 
-- [Angular on Netlify Configuration Docs](https://docs.netlify.com/configure-builds/common-configurations/angular/)
-- [Angular posts via the Netlify Blog](https://www.netlify.com/tags/angular/)
-- [Angular in the Jamstack Tutorials](https://explorers.netlify.com/learn/angular-in-the-jamstack)
 
-Hope this template helps :) Happy coding 👩🏻‍💻!
+## Deployment Options
+
+- **One-Click**: Click the "Deploy to Netlify" button above
+- **CLI**: Use `netlify deploy` command
+- **Git Integration**: Connect your repository in the [Netlify UI](https://app.netlify.com/)
+- **Manual**: Drag and drop the `dist/` folder to the [Netlify UI](https://app.netlify.com/drop)
+
+## Customization
+
+### Styling
+
+The project includes a demo stylesheet in `src/demo-styling.css` with customizable variables:
+
+```css
+--top-right-blur-1: #20C6B7;
+--top-right-blur-2: #4D9ABF;
+--bttm-left-blur-1: #de3641;
+--bttm-left-blur-2: #e46b73;
+```
+
+To remove the demo styling, delete the import from `angular.json` and `app.component.ts`.
+
+### Updating Dependencies
+
+To update Angular packages to compatible versions:
+
+```bash
+ng update @angular/core @angular/cli
+```
+
+For TypeScript compatibility issues, install a compatible version:
+
+```bash
+npm install typescript@4.6.4 --save-dev
+```
+
+## Testing
+
+This project includes:
+- Unit tests with Jasmine/Karma
+- E2E tests with Cypress
+- Cypress Netlify Build Plugin
 
 ---
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.5.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.13 and uses Angular 14.3.0.

angular.json

@@ -103,5 +103,7 @@
       }
     }
   },
-  "defaultProject": "angular-quickstart"
+  "cli": {
+    "analytics": "6a2392ab-7487-4dbe-ae87-f0df128e77a4"
+  }
 }