diff --git a/README.md b/README.md new file mode 100644 index 0000000..d75a34a --- /dev/null +++ b/README.md @@ -0,0 +1,27 @@ +

+ +

+ +

Collection of Angular challenges

+ +
+ +## Intro + +This goal of this project is to help you get better at Angular and NgRx but resolving challenges you might face in your day life. + +## Challenges + +> Click the following badges to join your next challenge. + +Angular + +Projection + +NgRx + +Projection + +## License + +MIT diff --git a/apps/ngrx-1/README.md b/apps/ngrx-1/README.md index 4a26f96..e6661cc 100644 --- a/apps/ngrx-1/README.md +++ b/apps/ngrx-1/README.md @@ -1,10 +1,4 @@ -# Angular Exercice 2 : NgRx - -Second exercice of a series of Angular exercices. The goal is to improve our angular skills all together. - ---- - -For this second exercice, we will deep dive inside **NgRx**. +

NgRx 1

For this exercice, you will have a dashboard of activities displaying the name, the main teacher and a list of subtitutes. @@ -33,9 +27,11 @@ In NgRx, **selectors** is a very powerful tool often **misused**. You should use 1. Fork the project 2. clone it 3. npm install -4. ng serve -5. ...Work On it +4. **nx serve ngrx-1** +5. _...work On it_ 6. Commit your work 7. Submit a PR that I will review and other dev can review. -_You can ask any question on Twitter or on Github_ +Projection + +_You can ask any question on_ Projection diff --git a/apps/projection/README.md b/apps/projection/README.md new file mode 100644 index 0000000..4409aa8 --- /dev/null +++ b/apps/projection/README.md @@ -0,0 +1,27 @@ +

Projection

+ +### 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 install +4. **nx serve projection** +5. _...work on it_ +6. Commit your work +7. Submit a PR that I will review and other dev can review. + +Projection + +_You can ask any question on_ Projection diff --git a/logo/angular.svg b/logo/angular.svg new file mode 100644 index 0000000..60fae62 --- /dev/null +++ b/logo/angular.svg @@ -0,0 +1,16 @@ + + + + + + + + + + diff --git a/logo/twitter.svg b/logo/twitter.svg new file mode 100644 index 0000000..ddd89ce --- /dev/null +++ b/logo/twitter.svg @@ -0,0 +1,20 @@ + + + + + + + + + + +