mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
32 lines
1.5 KiB
Markdown
32 lines
1.5 KiB
Markdown
<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>
|