improve readme files

2026-02-10 04:43:03 -05:00 · 2022-11-03 17:05:38 +01:00
parent cd95f9f774
commit 863e5fdffa
5 changed files with 96 additions and 10 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,27 @@
+<p align='center'>
+  <img src='./logo/angular.svg' height="150px"/>
+</p>
+
+<p align='center'>Collection of Angular challenges</p>
+
+<br>
+
+## 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.
+
+<img src="https://img.shields.io/badge/Angular--red?logo=angular" alt="Angular"/>
+
+<a href="./apps/projection/README.md" target="_blank"><img src="https://img.shields.io/badge/1-Projection-red" alt="Projection"/></a>
+
+<img src="https://img.shields.io/badge/NgRx--blueviolet" alt="NgRx"/>
+
+<a href="./apps/ngrx-1/README.md" target="_blank"><img src="https://img.shields.io/badge/1-reducers-blueviolet" alt="Projection"/></a>
+
+## License
+
+MIT
--- 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**.
+<h1>NgRx 1</h1>

 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_
+<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A2+label%3Aanswer" target="_blank"><img src="https://img.shields.io/badge/-Solutions-green" alt="Projection"/></a>
+
+_You can ask any question on_ <a href="https://twitter.com/laforge_toma" target="_blank"><img src="./../../logo/twitter.svg" height=20px alt="Projection"/></a>
--- a/apps/projection/README.md
+++ b/apps/projection/README.md
@@ -0,0 +1,27 @@
+<h1>Projection</h1>
+
+### 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.
+
+<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A1+label%3Aanswer" target="_blank"><img src="https://img.shields.io/badge/-Solutions-green" alt="Projection"/></a>
+
+_You can ask any question on_ <a href="https://twitter.com/laforge_toma" target="_blank"><img src="./../../logo/twitter.svg" height=20px alt="Projection"/></a>
--- a/logo/angular.svg
+++ b/logo/angular.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg width="1000px" height="1000px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#DD0031;}
+	.st1{fill:#C3002F;}
+	.st2{fill:#FFFFFF;}
+</style>
+<g>
+	<polygon class="st0" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 	"/>
+	<polygon class="st1" points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 	"/>
+	<path class="st2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
+		L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
+</g>
+</svg>
--- a/logo/twitter.svg
+++ b/logo/twitter.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1B9DF0;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g id="Dark_Blue">
+	<circle class="st0" cx="200" cy="200" r="200"/>
+</g>
+<g id="Logo__x2014__FIXED">
+	<path class="st1" d="M163.4,305.5c88.7,0,137.2-73.5,137.2-137.2c0-2.1,0-4.2-0.1-6.2c9.4-6.8,17.6-15.3,24.1-25
+		c-8.6,3.8-17.9,6.4-27.7,7.6c10-6,17.6-15.4,21.2-26.7c-9.3,5.5-19.6,9.5-30.6,11.7c-8.8-9.4-21.3-15.2-35.2-15.2
+		c-26.6,0-48.2,21.6-48.2,48.2c0,3.8,0.4,7.5,1.3,11c-40.1-2-75.6-21.2-99.4-50.4c-4.1,7.1-6.5,15.4-6.5,24.2
+		c0,16.7,8.5,31.5,21.5,40.1c-7.9-0.2-15.3-2.4-21.8-6c0,0.2,0,0.4,0,0.6c0,23.4,16.6,42.8,38.7,47.3c-4,1.1-8.3,1.7-12.7,1.7
+		c-3.1,0-6.1-0.3-9.1-0.9c6.1,19.2,23.9,33.1,45,33.5c-16.5,12.9-37.3,20.6-59.9,20.6c-3.9,0-7.7-0.2-11.5-0.7
+		C110.8,297.5,136.2,305.5,163.4,305.5"/>
+</g>
+</svg>