app converted to PWA

.firebase/hosting.YnVpbGQ.cache

@@ -1,33 +1,36 @@
-asset-manifest.json,1601927465618,d122a4db50de2428471aad79dae7c1a40f4e179b7222980843c432e11cae5d00
-precache-manifest.3832f0ba12af52715b37d6d7b03cab47.js,1601927465618,d6800b01daa59084fb7e9f324c8919f0f9d72586ced4bd5e3ba76daf8d4eef15
-index.html,1601927465618,e719ce6ed6889d91d47f770f0c14f67c6be432ce9c5c074dc7b82a4c003b076c
-favicon.ico,1601927441510,5a69412a0d982310eb6117130188f9d634dbf0c2ff1759d77523c2abfe9f4c3d
-service-worker.js,1601927465618,0db1d4cc872a2f55da8c9a58ebb0334fc09cf2d63351289c38b29a73ee8c43e9
-manifest.json,1601927441511,8c1b364dfd6985b9f41fc55cc2001df6a807d1360713431082c9a61baf65fcf1
-robots.txt,1601927441512,391d14b3c2f8c9143a27a28c7399585142228d4d1bdbe2c87ac946de411fa9a2
-assets/images/college.gif,1601927441492,679063f18c04bc969ce4cba62947d228c0a98d46fc4210de28dee67735237720
-static/css/main.9c0cae86.chunk.css,1601927465618,1fb58fa43c401723ad2d899cccddf78c7b6ea743651d593c8b9e7a190f75c177
-static/js/2.9f881204.chunk.js.LICENSE.txt,1601927465624,cfc81aeb3512284ac5f71c6b4688fc1b1e2fa2a8d9c9d78bac7cadc4c9b3ba7a
-assets/images/college.svg,1601927441493,41435d8d9fa800f82ec62669901e2789b3bc3c2f6252eb72bb5731b595143dad
-assets/images/talview.png,1601927441509,73a8b49405bb992fe05c1f5722a0157fbfda21565de06f894b73863abf120492
-static/js/main.1da9a1c2.chunk.js,1601927465618,2da7499665f9e31f77f92c320e23689db8ada1c18fdef775cab97d13b56b972f
-static/js/runtime-main.19ccc7f6.js,1601927465621,b3824c02f1288341945139d8f7f32b82595db42890b315c9939421ec102c7f3e
-static/media/outline-icons.ad97afd3.ttf,1601927465616,9ff85811994b86fbc3a41181bb13bcd7d7d88aad292cab16b817a6534be32429
-static/media/outline-icons.cd6c777f.woff2,1601927465615,6700f0e34054fbca8c9aa4588c7759c4cd420b72e28bc7e97ccd049c9c44cd9a
-static/media/outline-icons.701ae6ab.eot,1601927465616,5fde7caeeff326bde2a28ebf47c1dd91e521bf0c76b68a00259dc5e7ca31248a
-static/media/flags.9c74e172.png,1601927465616,e88a6574e41ed3a7a5f2514c2791057f834e85ae01f7dd83c901afa45c72209d
-static/media/outline-icons.ef60a4f6.woff,1601927465616,f8b7bec973edfafd27b1fe4d7f0184288bfc25f10e064092c367fac1f7614593
-static/media/icons.0ab54153.woff2,1601927465616,519f78ac7006b79cd6cd8d612383961174c1307bffd80b9f1c1187267be29f6a
-static/media/brand-icons.e8c322de.woff2,1601927465616,431111d973342f701beaea76f65a82de9c76c5129f2aee9bb7eb20e11b8d1405
-static/media/icons.faff9214.woff,1601927465616,6ec6c5eaeb4f897ff5a0ce0741b98838454a9a3a384ee572627b9b138efb6b69
-static/media/brand-icons.a046592b.woff,1601927465616,a273abbc7b61349a118224a44d65de7d120a2d0f691cb30a03b1f960ee908eb8
-static/media/brand-icons.13db00b7.eot,1601927465616,ddc859401ef676867d40bc1be611b1df2d29c0c8ac55b48865bd4f0f6f93a583
-static/media/outline-icons.82f60bd0.svg,1601927465616,e849c46fa616f090fdcdb229f16fc9d2936715078acf18b66a2f05b9b62f91dc
-static/media/icons.8e3c7f55.eot,1601927465616,ffc7c15bdbc987604433a6e2e94f8aeb9fdd8ef5f12e66ee1446cc00cccdadc3
-static/media/icons.b87b9ba5.ttf,1601927465616,1dcac79feb4ad0118b234828e5dc840ac02e5bd55ae239cfaa0ddb9ae2415226
-static/media/brand-icons.c5ebe0b3.ttf,1601927465617,a0825859997f5887a56207a2df6d072ee278a49e26062bf5fbb9a400502fc90a
-static/js/2.9f881204.chunk.js,1601927465624,f54b77df7db9d9eca56f559bcedc4f8f053b506b5ff25fac499568241c8b9331
-static/css/2.3852fab7.chunk.css,1601927465624,04cae51b64b27aac1b24648e76c6074a67d44fd52f5d94eeb05ba80e4739a5e6
-static/media/icons.962a1bf3.svg,1601927465616,14d21ad5f2fddbd49f4a9789fbcb1363521e1d5ee1b85a3cbcc7755703b316ef
-assets/images/profile-pic.jpeg,1601927441509,facb888650d90d7e28431a8fc1edd7790eecf1fd1dccfe1f63dc974df8fecb8d
-static/media/brand-icons.a1a749e8.svg,1601927465618,a12aa43d192f48f7eda1d0b2f670d647bd3e9c951b1e9a0e3c7f93f25842f8be
+asset-manifest.json,1602086323370,6507785c2648583d499d95e74e5162227b8f1880a4303be8aea6f036bcd3d78c
+favicon.ico,1602086304049,5a69412a0d982310eb6117130188f9d634dbf0c2ff1759d77523c2abfe9f4c3d
+index.html,1602086323370,550fc4adca04fd2899c8edb251aad22e7221576abb40a1e04bf473a6a061df26
+logo192.png,1602086304050,5a69412a0d982310eb6117130188f9d634dbf0c2ff1759d77523c2abfe9f4c3d
+precache-manifest.6d418e8fcb51a68b90acbdd1bec845ed.js,1602086323370,68ecfa3b3a4463a102b8d5c04ad57569dc8f965c0349f4e74664367b07250267
+maskable.png,1602086304051,5a69412a0d982310eb6117130188f9d634dbf0c2ff1759d77523c2abfe9f4c3d
+robots.txt,1602086304051,391d14b3c2f8c9143a27a28c7399585142228d4d1bdbe2c87ac946de411fa9a2
+service-worker.js,1602086323370,c264a0b66b1bb303b5e2eb98a0a35925b97545e1919a4fc27c2deb5b402176e3
+logo512.png,1602086304050,5a69412a0d982310eb6117130188f9d634dbf0c2ff1759d77523c2abfe9f4c3d
+assets/images/college.gif,1602086304046,679063f18c04bc969ce4cba62947d228c0a98d46fc4210de28dee67735237720
+assets/images/college.svg,1602086304046,41435d8d9fa800f82ec62669901e2789b3bc3c2f6252eb72bb5731b595143dad
+assets/images/talview.png,1602086304049,73a8b49405bb992fe05c1f5722a0157fbfda21565de06f894b73863abf120492
+static/css/main.4947ca4d.chunk.css,1602086323370,66227b96aac0aec64f61213f9c0171c0507f8c6d02c4de611ca5322f3a9bac95
+static/js/2.9f881204.chunk.js.LICENSE.txt,1602086323374,cfc81aeb3512284ac5f71c6b4688fc1b1e2fa2a8d9c9d78bac7cadc4c9b3ba7a
+static/js/main.2045b8a1.chunk.js,1602086323374,a43633753facd6f7a7c75ebf33467e1a9e302432cc94f5d910d712ba9aed472a
+static/js/runtime-main.19ccc7f6.js,1602086323373,b3824c02f1288341945139d8f7f32b82595db42890b315c9939421ec102c7f3e
+static/media/outline-icons.701ae6ab.eot,1602086323369,5fde7caeeff326bde2a28ebf47c1dd91e521bf0c76b68a00259dc5e7ca31248a
+static/media/outline-icons.ad97afd3.ttf,1602086323369,9ff85811994b86fbc3a41181bb13bcd7d7d88aad292cab16b817a6534be32429
+static/media/outline-icons.cd6c777f.woff2,1602086323367,6700f0e34054fbca8c9aa4588c7759c4cd420b72e28bc7e97ccd049c9c44cd9a
+static/media/outline-icons.ef60a4f6.woff,1602086323368,f8b7bec973edfafd27b1fe4d7f0184288bfc25f10e064092c367fac1f7614593
+manifest.json,1602086304050,9e13f6be8eed9363b513d3f48f43167b5f830cdab037f5a3b2aaf7a7df01daf9
+static/media/flags.9c74e172.png,1602086323368,e88a6574e41ed3a7a5f2514c2791057f834e85ae01f7dd83c901afa45c72209d
+static/media/icons.0ab54153.woff2,1602086323369,519f78ac7006b79cd6cd8d612383961174c1307bffd80b9f1c1187267be29f6a
+static/media/brand-icons.a046592b.woff,1602086323368,a273abbc7b61349a118224a44d65de7d120a2d0f691cb30a03b1f960ee908eb8
+static/media/brand-icons.e8c322de.woff2,1602086323368,431111d973342f701beaea76f65a82de9c76c5129f2aee9bb7eb20e11b8d1405
+static/media/icons.faff9214.woff,1602086323368,6ec6c5eaeb4f897ff5a0ce0741b98838454a9a3a384ee572627b9b138efb6b69
+static/media/outline-icons.82f60bd0.svg,1602086323369,e849c46fa616f090fdcdb229f16fc9d2936715078acf18b66a2f05b9b62f91dc
+static/media/icons.8e3c7f55.eot,1602086323368,ffc7c15bdbc987604433a6e2e94f8aeb9fdd8ef5f12e66ee1446cc00cccdadc3
+static/media/brand-icons.13db00b7.eot,1602086323369,ddc859401ef676867d40bc1be611b1df2d29c0c8ac55b48865bd4f0f6f93a583
+static/media/brand-icons.c5ebe0b3.ttf,1602086323368,a0825859997f5887a56207a2df6d072ee278a49e26062bf5fbb9a400502fc90a
+static/media/icons.b87b9ba5.ttf,1602086323369,1dcac79feb4ad0118b234828e5dc840ac02e5bd55ae239cfaa0ddb9ae2415226
+static/js/2.9f881204.chunk.js,1602086323374,f54b77df7db9d9eca56f559bcedc4f8f053b506b5ff25fac499568241c8b9331
+static/css/2.3852fab7.chunk.css,1602086323374,04cae51b64b27aac1b24648e76c6074a67d44fd52f5d94eeb05ba80e4739a5e6
+static/media/icons.962a1bf3.svg,1602086323369,14d21ad5f2fddbd49f4a9789fbcb1363521e1d5ee1b85a3cbcc7755703b316ef
+assets/images/profile-pic.jpeg,1602086304047,facb888650d90d7e28431a8fc1edd7790eecf1fd1dccfe1f63dc974df8fecb8d
+static/media/brand-icons.a1a749e8.svg,1602086323370,a12aa43d192f48f7eda1d0b2f670d647bd3e9c951b1e9a0e3c7f93f25842f8be

package.json

@@ -3,22 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "axios": "^0.20.0",
-    "immer": "^7.0.9",
-    "lodash": "^4.17.20",
     "moment": "^2.29.0",
-    "normalizr": "^3.6.0",
     "prop-types": "^15.7.2",
-    "query-string": "^6.13.3",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.3",
-    "react-toastify": "^6.0.8",
-    "redux": "^4.0.5",
-    "redux-saga": "^1.1.3",
-    "reselect": "^4.0.0"
+    "react-scripts": "3.4.3"
   },
   "scripts": {
     "start": "craco start",

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "Portfolio",
-  "name": "Portfolio",
+  "short_name": "Trideep",
+  "name": "Trideep Profile",
   "icons": [
     {
       "src": "favicon.ico",
@@ -16,6 +16,12 @@
       "src": "logo512.png",
       "type": "image/png",
       "sizes": "512x512"
+    },
+    {
+      "src": "maskable.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
     }
   ],
   "start_url": ".",

src/components/header.js

@@ -14,15 +14,19 @@ function Header() {
           <span>
             <a
               href="mailto:[email protected]"
-              className="margin-ten-right text-color-red"
+              className="margin-ten-right text-color-red disableOnPrint"
               target="black"
             >
               <Icon name="mail outline" />
               [email protected]
             </a>
           </span>
           <span>
-            <a href="tel:09706055724" className="margin-ten-right text-color-green" target="black">
+            <a
+              href="tel:09706055724"
+              className="margin-ten-right text-color-green disableOnPrint"
+              target="black"
+            >
               <Icon name="phone" />
               +91-9706055724
             </a>

src/index.js

@@ -17,4 +17,4 @@ ReactDOM.render(
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+serviceWorker.register();

src/screens/home.js

@@ -6,13 +6,16 @@ import Skills from "../components/skills";
 import WorkExperience from "../components/work-experience";
 
 function Home() {
+  const printHandler = () => {
+    window.print();
+  };
   return (
     <div className="ui container">
       <table>
         <tbody>
           <tr>
             <td>
-              <div className="ui segments box-shadow-none border-none">
+              <div className="ui segments box-shadow-none border-none margin-ten-horizontal">
                 <div className="ui segment padding-no-vertical">
                   <Header />
                 </div>
@@ -33,6 +36,11 @@ function Home() {
           </tr>
         </tbody>
       </table>
+      <div className="ui segment text-center margin-no border-none box-shadow-none">
+        <div className="ui positive button" onClick={printHandler}>
+          Print or Save as Pdf
+        </div>
+      </div>
     </div>
   );
 }

src/styles/global.less

@@ -144,6 +144,10 @@ body {
       margin-top: 10px;
       margin-bottom: 10px;
     }
+    &-horizontal {
+      margin-left: 10px;
+      margin-right: 10px;
+    }
   }
   &-five {
     &-right {

src/styles/print.less

@@ -10,6 +10,12 @@
   .ui.segment {
     font-size: 12px !important;
   }
+  .ui.button {
+    display: none !important;
+  }
+  a.disableOnPrint {
+    color: rgba(0, 0, 0, 0.87) !important;
+  }
 }
 
 @page {