Merge branch 'source' into CodeAnk2829-Issue#313

Author: Roshanjossey

package.json

@@ -6,7 +6,7 @@
   "devDependencies": {
     "enzyme": "^3.0.0",
     "gh-pages": "^3.1.0",
-    "react-scripts": "^4.0.3",
+    "react-scripts": "^5.0.1",
     "react-test-renderer": "^15.0.0",
     "sw-precache": "^5.2.0"
   },
@@ -18,7 +18,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build && sw-precache --config=sw-precache-config.js",
+    "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
     "deploy": "npm run build&&gh-pages -b master -d build"

src/components/LinkButton/LinkButton.jsx

@@ -8,7 +8,7 @@ class LinkButton extends Component {
       <div className="LinkButton-Wrapper">
         <a
           className="LinkButton"
-          href="https://github.com/firstcontributions/first-contributions/blob/master/README.md"
+          href="https://github.com/firstcontributions/first-contributions/blob/main/README.md"
         >
           <span> Get started </span>
         </a>

src/components/LinkButton/__snapshots__/LinkButton.test.js.snap

@@ -3,7 +3,7 @@
 exports[`renders a project card 1`] = `
 <a
   className="LinkButton"
-  href="https://github.com/firstcontributions/first-contributions/blob/master/README.md"
+  href="https://github.com/firstcontributions/first-contributions/blob/main/README.md"
 >
   <span>
      Get started 

src/components/Navbar/Navbar.jsx

@@ -8,7 +8,7 @@ import github from './github.svg';
 const Navbar = () => {
   return (
       <div className="topnav">
-          <a href="https://join.slack.com/t/firstcontributors/shared_invite/zt-1hg51qkgm-Xc7HxhsiPYNN3ofX2_I8FA"  target="_blank" rel="noopener noreferrer">
+          <a href="https://join.slack.com/t/firstcontributors/shared_invite/zt-1n4y7xnk0-DnLVTaN6U9xLU79H5Hi62w"  target="_blank" rel="noopener noreferrer">
               <img src={slack} className="logo" alt="slack logo" />
               <span>Slack</span>
           </a>

src/components/ProjectList/ProjectsCards.jsx

@@ -20,7 +20,7 @@ const Card = ({
 
   return (
     <div className="Card-Container">
-      <a className="Card-Real-Link" href={projectLink}>
+      <a className="Card-Real-Link" href={projectLink} target='blank'>
         <div className="Card-Header">
           <img
             className="Project-Logo"