From 2124c0eed7a82c0361211d7130d90397e43e0a6f Mon Sep 17 00:00:00 2001
From: angeles-bilbao6 <angeles.bilbao6@gmail.com>
Date: Fri, 7 Oct 2022 06:20:45 -0700
Subject: [PATCH] Added guards documentation (#2195)

* Added guards documentation

* Changed links

* Update content/roadmaps/104-angular/content/107-routing/104-guards.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../104-angular/content/107-routing/104-guards.md   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/104-angular/content/107-routing/104-guards.md b/content/roadmaps/104-angular/content/107-routing/104-guards.md
index 505206e50..b0f20c136 100644
--- a/content/roadmaps/104-angular/content/107-routing/104-guards.md
+++ b/content/roadmaps/104-angular/content/107-routing/104-guards.md
@@ -1 +1,12 @@
-# Guards
\ No newline at end of file
+# Route Guards
+
+Angular route guards are interfaces provided by Angular which, when implemented, allow us to control the accessibility of a route based on conditions provided in class implementation of that interface.
+
+Some types of angular guards are `CanActivate`, `CanActivateChild`, `CanLoad`, `CanDeactivate` and `Resolve`.
+
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router'>Angular Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router/CanActivate'>Can Activate Guard</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router/CanActivateChild'>Can Activate Child</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router/CanDeactivate'>Can Deactivate</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router/CanLoad'>Angular Can Load</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router/CanMatch'>Can Match</BadgeLink>