added favicon.ico and relative icons and updated code

README.md

@@ -1,2 +1,5 @@
 # Progressive_Web_App-Online-Offline-Budget-Tracker-
+
 Add expenses and deposits to your budget with or without a connection. When entering transactions offline, the total is populated when you are back online.
+
+<div>Icons made by <a href="https://www.flaticon.com/authors/eucalyp" title="Eucalyp">Eucalyp</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>

public/index.html

@@ -7,14 +7,21 @@
     <meta name="theme-color" content="#317EFB" />
     <link
       rel="shortcut icon"
-      href="icons/icon-192x192.png"
+      href="icons/android-chrome-192x192.png"
       type="image/x-icon"
     />
 
     <link
       rel="stylesheet"
       href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
     />
+    <!--   <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
+      integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
+      crossorigin="anonymous"
+    /> -->
+
     <link rel="stylesheet" href="styles.css" />
     <link rel="manifest" href="manifest.webmanifest" />
 

public/manifest.webmanifest

@@ -3,13 +3,12 @@
   "short_name": "Budget App",
   "icons": [
     {
-      "src": "../icons/icon-192x192.png",
+      "src": "../icons/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
-
     {
-      "src": "../icons/icon-152x152.png",
+      "src": "../icons/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }

public/service-worker.js

@@ -4,12 +4,10 @@ const FILES_TO_CACHE = [
   "/styles.css",
   "/index.js",
   "/db.js",
-
+  "/favicon.ico",
   "/manifest.webmanifest",
-
-  "/icons/icon-192x192.png",
-
-  "/icons/icon-512x512.png",
+  "/icons/android-chrome-192x192.png",
+  "/icons/android-chrome-512x512.png",
 ];
 
 const CACHE_NAME = "static-cache-v2";