https://github.com/devversion/ng-trello

Angular Material Workshop for AngularConnect 2018
https://github.com/devversion/ng-trello

Last synced: about 2 months ago
JSON representation

Angular Material Workshop for AngularConnect 2018

• Host: GitHub
• URL: https://github.com/devversion/ng-trello
• Owner: devversion
• Created: 2018-09-03T16:58:47.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-12T10:03:28.000Z (about 6 years ago)
• Last Synced: 2024-11-02T12:25:25.915Z (2 months ago)
• Language: TypeScript
• Homepage:
• Size: 126 KB
• Stars: 9
• Watchers: 4
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NgTrello

Trello clone built with Angular Material for a workshop in AngularConnect 2018.

## [Link to slides](http://bit.ly/AC2018-MaterialWorkshop)

#### Quick Jump ####

* **Step 1**

* [Step 2](./docs/step-2.md)

* [Step 3](./docs/step-3.md)

* [Step 4](./docs/step-4.md)

* [Step 5](./docs/step-4.md)

* [Step 6](./docs/step-6.md)

* [Step 7](./docs/step-7.md)

* [Step 8](./docs/step-8.md)

* [Step 9](./docs/step-9.md)

* [Step 10](./docs/step-10.md)

## Step 1 task:

Before we can play with Angular Material and the Angular CDK, we need to install

the required dependencies for our new Angular CLI project.

Previously you'd have done all of the setup steps manually and potentially might miss

some of the options that are available when setting up a Material project. Now with the

`ng add` command, the whole step is a single command that needs to be run.

```bash

ng add @angular/material

```

Since our `ng-add` schematic supports CLI prompts, you have to specify a few of the

available options in order to complete the setup.

1) Select whatever theme you want to use in our workshop. You are free to choose!

   

2) Decide whether you want to use gestures with HammerJS. In our case we don't need it

   necessarily, but in favor of showcasing, we will add it.

   

3) Decide whether you want to use the `BrowserAnimationsModule` or _no_ animations at all.

   In this workshop we will be using animations.

   

[Continue to the next step](./docs/step-2.md)