warning issues

package.json

@@ -14,13 +14,13 @@
     "react-icons": "^4.6.0",
     "react-router-dom": "^5.1.2",
     "react-router-hash-link": "^1.2.2",
-    "react-scripts": "3.4.0",
+    "react-scripts": "^3.4.0",
     "react-wavify": "^1.3.0"
   },
   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -b gh-pages -d build",
-    "start": "react-scripts --openssl-legacy-provider start",
+    "start": "react-scripts start --openssl-legacy-provider",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
@@ -46,7 +46,7 @@
     "eslint-config-airbnb": "^18.1.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-react": "^7.19.0",
+    "eslint-plugin-react": "^7.32.2",
     "prettier": "^2.0.5react-scripts start",
     "pretty-quick": "^2.0.1"
   },

src/Pages/CaseStudy/Card.jsx

@@ -9,7 +9,7 @@ const Card = ({ image, title, link }) => {
             <div className="container" style={{ 'padding-top': '70px' }} id="mobcard">
                <div className="card case_study_card">
                   <div className="card-image">
-                     <img src={image} style={{ "height": '15em' }} />
+                     <img src={image} alt=" " style={{ "height": '15em' }} />
                   </div>
                   <div className="card-content case_study_content center" >
                      <p className="title">{title}</p>

src/Pages/Catalyst/Catalyst.jsx

@@ -7,6 +7,7 @@ const Catalyst = () => {
         <div className="catalyst-card">
             <img src={Catalyst2021} className="catalyst-image" />
 
+
             <div className="catalyst-content">
                 <div className="catalyst-headings">
                     <div className="catalyst-heading1">CATALYST 2021</div>

src/Pages/Events/events.jsx

@@ -9,9 +9,9 @@ const Events = () => {
   const [filtered, setfiltered] = useState([]);
   useEffect(() => {
 
-    if (selected == 0)
+    if (selected === 0)
       setfiltered(events);
-    else if (selected == 1)
+    else if (selected === 1)
       setfiltered(events.filter((event) => event.Status === "Finished"));
     else
       setfiltered(events.filter((event) => event.Status === "Upcoming"));

src/Pages/Leaderboard/Leaderboard.jsx

@@ -135,6 +135,7 @@ export default function Leaderboard() {
 
                                             <img
                                                 className="leaderboard-avatar"
+                                                alt=" "
                                                 src={`https://trello-members.s3.amazonaws.com/${
                                                     memberNames[value[0]]?.id
                                                 }/${memberNames[value[0]]?.avatarHash}/50.png`}

src/Pages/Projects/ProjectCard.jsx

@@ -6,7 +6,7 @@ const ProjectCard = ({ image, title, description, link }) => {
          <div>
             <div className="card project-card">
                <div className="card-image">
-                  <img src={image} style={{ "height": '15em' }} />
+                  <img src={image} alt="" style={{ "height": '15em' }} />
                </div>
                <div className="project-card-content case_study_content center" >
                   <p className="project-title">{title}</p>

src/Pages/Team/TeamPage.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { executiveMembers, webTeam, advisoryBoard,ex_executiveMembers_2021,ex_executiveMembers_2022 } from './MembersList'
+import { executiveMembers, advisoryBoard,ex_executiveMembers_2021,ex_executiveMembers_2022 } from './MembersList'
 import './TeamPage.styles.css'
 import Card from './Card'
 import {

src/components/About.jsx

@@ -6,7 +6,7 @@ const About = () => {
     <div className='about-section' >
       <div className="container center mobile-text" style={{ paddingTop: '60px' }} id='about' >
         <h3 className='white-text' style={{ marginTop: '30px', marginBottom: '30px' }} >About Us</h3><br />
-        <img src={AboutSvg} className='responsive-img' style={{ marginBottom: '20px',pointerEvents:"none" }} alt="About us image" />
+        <img src={AboutSvg} className='responsive-img' style={{ marginBottom: '20px',pointerEvents:"none" }} alt="About us" />
         <p className='white-text' >Founded in January in the year 2009 as Entrepreneurship Cell, MEC and revamped as IEDC MEC under the guidance of Kerala Startup Mission as a Govt. of Kerala initiative in 2015, the Innovation and Entrepreneurship Development Cell of Model Engineering college has constantly worked towards helping the community find an intersection between technology and entrepreneurship. We strongly believe that entrepreneurship is the key to unlock the nation’s true potential and therefore strive to promote the idea of job creation rather than job seeking. By consistently hosting a large number of inspiring and innovative events and through our flagship annual national level symposium- ‘Technopreneur’, IEDC MEC, from its humble beginnings is now one of the best functioning IEDCs in the state.</p>
 
         <p className='white-text' >IEDC MEC currently acts as a pre-incubator which helps in providing mentorship and support to the projects of our students and help to scale them into potential startup realities. We are funded by the Kerala Startup Mission (KSUM).</p>

src/components/Navbar.jsx

@@ -67,7 +67,7 @@ const Navbar = () => {
                                 <a
                                     href="https://github.com/IEDCMEC/projects/blob/main/README.md"
                                     className="black-text "
-                                    target="_blank"
+                                    target="_blank" rel="noopener noreferrer"
                                 >
                                     Projects
                                 </a>
@@ -76,9 +76,9 @@ const Navbar = () => {
                                 <a
                                     href="https://collab.iedcmec.in/"
                                     className="black-text "
-                                    target="_blank"
+                                    target="_blank" rel="noopener noreferrer"
                                 >
-                                    IEDC Collab <img src={linkpic} alt="IEDC COLLAB" style={{width:"16px", height:"16px"}}/>
+                                    IEDC Collab <img src={linkpic} style={{width:"16px", height:"16px"}}/>
                                 </a>
                             </li>
                             <li key="blog" >
@@ -106,10 +106,10 @@ const Navbar = () => {
                                 <a
                                     href="https://collab.iedcmec.in/"
                                     className="black-text "
-                                    target="_blank"
+                                    target="_blank" rel="noopener noreferrer"
                                     style={{textAlign: "center"}}
                                 >
-                                    IEDC Collab <img src={linkpic} alt="IEDC COLLAB" style={{width:"15px", height:"15px"}}/>
+                                    IEDC Collab <img src={linkpic} style={{width:"15px", height:"15px"}}/>
                                 </a>
                             </li>
                 </ul>

src/components/intro.jsx

@@ -207,6 +207,7 @@ const Intro = () => {
                                         <i className="material-icons right">arrow_forward</i>
                                         Read More
                                     </a>
+>>>>>>> f6ab8c5257c5ee92d1e04897cdb03b2d2f6323d3
                                 </div>
                             </div>
                         </div>