rename project, className instead of class

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "tutorial",
+  "name": "ba",
   "version": "0.1.0",
   "lockfileVersion": 1,
   "requires": true,

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "tutorial",
+  "name": "ba",
   "version": "0.1.0",
   "private": true,
   "dependencies": {

src/Footer.js

@@ -4,9 +4,9 @@ export default class Footer extends React.Component{
   render(){
     return (
       <div className="footer">
-        <footer class="py-2 bg-dark fixed-bottom">
-          <div class="container">
-            <p class="m-0 text-center text-white">
+        <footer className="py-2 bg-dark fixed-bottom">
+          <div className="container">
+            <p className="m-0 text-center text-white">
               Bernadette Hammerle | Bachelorarbeit
             </p>
           </div>

src/Home.js

@@ -4,10 +4,10 @@ export default class Home extends React.Component{
   render(){
     return (
       <div className="home">
-        <div class="container">
-          <div class="row align-items-center my-5">
-            <div class="col-lg-5">
-              <h1 class="font-weight-light">Home</h1>
+        <div className="container">
+          <div className="row align-items-center my-5">
+            <div className="col-lg-5">
+              <h1 className="font-weight-light">Home</h1>
             </div>
           </div>
         </div>

src/Navigation.js

@@ -5,17 +5,17 @@ class Navigation extends React.Component{
     render(){
         return (
           <div className="navigation">
-            <nav class="navbar navbar-expand navbar-dark bg-dark">
-              <div class="container">
-                <Link class="navbar-brand" to="/">
+            <nav className="navbar navbar-expand navbar-dark bg-dark">
+              <div className="container">
+                <Link className="navbar-brand" to="/">
                   React Libraries
                 </Link>
-                <ul class="navbar-nav ml-auto">
-                  <li class={`nav-item  ${this.props.location.pathname === "/" ? "active" : ""}`}>
-                    <Link class="nav-link" to="/">Home</Link>
+                <ul className="navbar-nav ml-auto">
+                  <li className={`nav-item  ${this.props.location.pathname === "/" ? "active" : ""}`}>
+                    <Link className="nav-link" to="/">Home</Link>
                   </li>
-                  <li class={`nav-item  ${this.props.location.pathname === "/about" ? "active" : ""}`}>
-                    <Link class="nav-link" to="/about">About</Link>
+                  <li className={`nav-item  ${this.props.location.pathname === "/about" ? "active" : ""}`}>
+                    <Link className="nav-link" to="/about">About</Link>
                   </li>
                 </ul>
               </div>