Update UI and Styling for Contact Management App

Angular-JS-Projects/Advanced/Contact-Manager/README.md

@@ -1,4 +1,3 @@
-
 <h1 align='center'><b>💥 CONTACT MANAGER 💥</b></h1>
 
 <!-- -------------------------------------------------------------------------------------------------------------- -->
@@ -13,15 +12,14 @@
   <img src="https://img.shields.io/badge/typescipt-darkblue?style=for-the-badge&logo=typescript&logoColor=white)" />
 </div>
 
-
 ![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
 
 <!-- -------------------------------------------------------------------------------------------------------------- -->
 
 ## :zap: Description 📃
 
-- This is an contact manager web application which allowed users to view, add, edit, delete and search contact details (name, phone and email).
-  
+- This is an contact manager web application which allowed users to view, add, edit, delete and search contact details (name, phone and email). Users are notified with the use of a popup alert after every operation.
+
 <!-- -------------------------------------------------------------------------------------------------------------- -->
 
 ## :zap: How to run it? 🕹️
@@ -62,7 +60,6 @@ ng serve
 
 8. Open a web browser and go to `http://localhost:4200/` to see the Contact manager running.
 
-
 <!-- -------------------------------------------------------------------------------------------------------------- -->
 
 ## :zap: Screenshots 📸
@@ -73,10 +70,6 @@ ng serve
 <img src="./images/image04.png">
 <img src="./images/image05.png">
 
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
 <!-- -------------------------------------------------------------------------------------------------------------- -->
 
 <h4 align='center'>Developed By <b><i>DHARSHI B.</i></b> 👩</h4>

Angular-JS-Projects/Advanced/Contact-Manager/angular.json

@@ -27,7 +27,8 @@
               }
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.css",
+              "node_modules/ngx-toastr/toastr.css"
             ],
             "scripts": []
           },

Angular-JS-Projects/Advanced/Contact-Manager/db.json

@@ -1,3 +1,22 @@
 {
-  "contacts": []
+  "contacts": [
+    {
+      "id": "ac05",
+      "name": "John Doe",
+      "email": "[email protected]",
+      "phone": "123456789"
+    },
+    {
+      "id": "c548",
+      "name": "Mr Adam Shmitz",
+      "email": "[email protected]",
+      "phone": "987654321"
+    },
+    {
+      "id": "64d5",
+      "name": "Mouhamadou Awalou",
+      "email": "[email protected]",
+      "phone": "741852963"
+    }
+  ]
 }