feat: challage 38 - rxjs catch error

docs/src/content/docs/challenges/angular-performance/37-ngfor-biglist.md

@@ -3,7 +3,6 @@ title: 🟠 Optimize Big List
 description: Challenge 37 is about learning how virtualization optimize big list rendering
 sidebar:
   order: 117
-  badge: New
 ---
 
 <div class="chip">Challenge #37</div>

docs/src/content/docs/challenges/rxjs/38-rxjs-catch-error.md

@@ -0,0 +1,43 @@
+---
+title: 🟢 catchError
+description: Challenge 38 is about learning error handling with catchError rxjs operator
+sidebar:
+  order: 14
+  badge: New
+---
+
+<div class="chip">Challenge #38</div>
+
+## Information
+
+In this application, we will learn the correct placement of a catchError operator. If wrongly placed, the overall subscription will get completed. And we will not be able to send more requests. Aim is to preserve overall subscription, by taking care of error notification from inner observables.
+Possible correct values for which we should get a success response are posts, comments, albums, photos, todos, users
+
+## Statement
+
+Handle the error without completion of the subscription.
+
+## Constraints
+
+## Users should be able to console log value/error each time clicks on the fetch button.
+
+:::note
+Start the project by running: `npx nx serve rxjs-catch-error`.
+:::
+
+:::tip[Reminder]
+Your PR title must start with <b>Answer:38</b>.
+:::
+
+<div class="article-footer">
+  <a
+    href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A38+label%3Aanswer"
+    alt="catchError community solutions">
+    ❖ Community Answers
+  </a>
+  <a
+    href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A38+label%3A"answer+author"'
+    alt="catchError solution author">
+    ▶︎ Author Answer
+  </a>
+</div>

docs/src/content/docs/index.mdx

@@ -23,8 +23,8 @@ hero:
 import { Card, CardGrid } from '@astrojs/starlight/components';
 
 <CardGrid>
-<Card title="37 Challenges">
-    This repository gathers 37 Challenges related to <b>Angular</b>, <b>Nx</b>, <b>RxJS</b>, <b>Ngrx</b> and <b>Typescript</b>. 
+<Card title="38 Challenges">
+    This repository gathers 38 Challenges related to <b>Angular</b>, <b>Nx</b>, <b>RxJS</b>, <b>Ngrx</b> and <b>Typescript</b>. 
     These challenges resolve around real-life issues or specific features to elevate your skills.
 </Card>