<h1>Projection</h1>

> Author: Thomas Laforge

### Statement

Refactor this working exemple of a dasboard containing multiple cards (teachers, students, ...)
Implement the City card.

### Constraints:

- You **must** keep **CardComponent** and **ListItemComponent**
- **NgFor** directive must be declare and stay inside **CardComponent**
- No **NgIf** or **NgSwitch** inside **CardComponent**
- CSS: prefer not to use **::ng-deep**, find a better way

### Submitting your work

1. Fork the project
2. clone it
3. npm ci
4. **nx serve projection**
5. _...work on it_
6. Commit your work
7. Submit a PR with a title beginning with **Answer:1** that I will review and other dev can review.

<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A1+label%3Aanswer"><img src="https://img.shields.io/badge/-Solutions-green" alt="Projection solution"/></a>
<a href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A1+label%3A"answer+author"'><img src="https://img.shields.io/badge/-Author solution-important" alt="Projection solution author"/></a>
<a href="https://medium.com/@thomas.laforge/create-a-highly-customizable-component-cc3a9805e4c5" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/-Blog post explanation-blue" alt="Projection blog article"/></a>

_You can ask any question on_ <a href="https://twitter.com/laforge_toma" target="_blank" rel="noopener noreferrer"><img src="./../../logo/twitter.svg" height=20px alt="twitter"/></a>
