solution to task 1

src/app/app.component.ts

@@ -1,13 +1,15 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import {
   combineLatest,
+  debounceTime,
   filter,
   forkJoin,
   map,
   Observable,
   Subject,
   Subscription,
   switchMap,
+  tap,
 } from 'rxjs';
 import { MockDataService } from './mock-data.service';
 
@@ -34,7 +36,7 @@ export class AppComponent implements OnInit, OnDestroy {
     // 1.1. Add functionality to changeCharactersInput method. Changes searchTermByCharacters Subject value on input change.
     const inputValue: string = element.target.value;
     // YOUR CODE STARTS HERE
-
+    this.searchTermByCharacters.next(inputValue)
     // YOUR CODE ENDS HERE
   }
 
@@ -48,15 +50,24 @@ export class AppComponent implements OnInit, OnDestroy {
     this.charactersResults$ = this.searchTermByCharacters
         .pipe
         // YOUR CODE STARTS HERE
-
+        ((
+          filter((searchedValue: string) => searchedValue.length >= 3),
+          debounceTime(300),
+          switchMap((searchedValue: string) => {
+            return this.mockDataService.getCharacters(searchedValue)
+          })
+        ));
         // YOUR CODE ENDS HERE
-        ();
+
   }
 
   loadCharactersAndPlanet(): void {
     // 4. On clicking the button 'Load Characters And Planets', it is necessary to process two requests and combine the results of both requests into one result array. As a result, a list with the names of the characters and the names of the planets is displayed on the screen.
     // Your code should looks like this: this.planetAndCharactersResults$ = /* Your code */
     // YOUR CODE STARTS HERE
+    this.planetAndCharactersResults$ = forkJoin(
+      [this.mockDataService.getCharacters(),this.mockDataService.getPlanets()]
+    )
     // YOUR CODE ENDS HERE
   }
 
@@ -67,12 +78,24 @@ export class AppComponent implements OnInit, OnDestroy {
     - Subscribe to changes
     - Check the received value using the areAllValuesTrue function and pass them to the isLoading variable. */
     // YOUR CODE STARTS HERE
+    combineLatest([this.mockDataService.getCharactersLoader(),this.mockDataService.getPlanetLoader()])
+    .subscribe((res) => {
+      if(this.areAllValuesTrue(res) === true) {
+        this.isLoading = true;
+      }
+      else {
+        this.isLoading = false
+      }
+    })
     // YOUR CODE ENDS HERE
   }
 
   ngOnDestroy(): void {
     // 5.2 Unsubscribe from all subscriptions
     // YOUR CODE STARTS HERE
+    this.subscriptions.forEach((subscription) => {
+      subscription?.unsubscribe
+    })
     // YOUR CODE ENDS HERE
   }