removing index route

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "projetobase",
+  "name": "antoniorwserra.com",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

src/App.js

@@ -12,10 +12,10 @@ function App() {
         <div className="App">
             <Header/>
             <Switch>
-                <Route path={"/index"} component={Home}/>
                 <Route path={"/about"} component={About}/>
                 <Route path={"/articles"} component={Articles}/>
-                <Redirect to={"/index"}/>
+                <Route path="/" component={Home}/>
+                <Redirect to="/"/>
             </Switch> 
             <Footer/>
         </div>

src/components/CardList/CardList.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import './CardList.css'
 
 function CardList(props){
-    return <a target="_blank" href={props.article.url}>
+    return <a target="_blank" rel="noreferrer" href={props.article.url}>
                 <li class="cardList" key={props.article.id}>
                     <img src={props.article.cover_image} alt="" />
                     <strong>{props.article.title}</strong>

src/components/Header/Header.jsx

@@ -6,7 +6,7 @@ function Header(){
         <header>
             <nav>
                 <ul>
-                    <li><a href="./index">Home</a></li>
+                    <li><a href="./">Home</a></li>
                     <li><a href="./about">About</a></li>
                     <li><a href="./articles">Articles</a></li>
                 </ul>