diff --git a/docs/src/content/docs/challenges/angular/1-projection.md b/docs/src/content/docs/challenges/angular/1-projection.md index 2acf755..204fc0b 100644 --- a/docs/src/content/docs/challenges/angular/1-projection.md +++ b/docs/src/content/docs/challenges/angular/1-projection.md @@ -19,14 +19,14 @@ With this two tools in hand, you are now ready to take on the challenge. You will start with an fully functional application that includes a dashboard containing a teacher card and a student card. The goal is to implement the city card. -While the application works, the developer experience is far from being optimal. Every time you need to implement a new card, you have to modify the `card.component.ts`. In real-life projects, this component can be shared among many applications. The goal of the challenge is to create a CardComponent that can be customized without any modifications. Once you've created this component, you can begin implementing the CityCardComponent and ensure you are not touching the CardComponent. +While the application works, the developer experience is far from being optimal. Every time you need to implement a new card, you have to modify the `card.component.ts`. In real-life projects, this component can be shared among many applications. The goal of the challenge is to create a `CardComponent` that can be customized without any modifications. Once you've created this component, you can begin implementing the `CityCardComponent` and ensure you are not touching the `CardComponent`. ## Constraints -- You must refactor the CardComponent and ListItemComponent. -- The NgFor directive must be declared and remain inside the CardComponent. You might be tempted to move it to the CardComponent but avoid doing so. -- CardComponent should not contain any NgIf or NgSwitch. -- CSS: try to avoid using ::ng-deep. Find a better way to handle CSS styling. +- You must refactor the `CardComponent` and `ListItemComponent`. +- The `NgFor` directive must be declared and remain inside the `CardComponent`. You might be tempted to move it to the `CardComponent` but avoid doing so. +- `CardComponent` should not contain any `NgIf` or `NgSwitch`. +- CSS: try to avoid using `::ng-deep`. Find a better way to handle CSS styling. ---