made changes to navbar component and App

K-coder05 · K-coder05 · commit 9bc1b07eff7c · 2024-11-11T22:17:44.000-08:00
diff --git a/tutorial/src/App.js b/tutorial/src/App.js
@@ -1,10 +1,19 @@
+import React from 'react';
+import Navbar from './components/Navbar';
+import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
+
 import './App.css';
 
 function App() {
   return (
-    <div className="App">
-      <h1>Hello World</h1>
-    </div>
+    <>
+    <Router>
+      <Navbar />
+      <Routes>
+        <Route path='/' />
+      </Routes>
+    </Router>
+    </>
   );
 }
 
diff --git a/tutorial/src/components/Navbar.js b/tutorial/src/components/Navbar.js
@@ -1,11 +1,14 @@
 import React, {useState} from 'react'
+import { Link } from 'react-router-dom'
 
 function Navbar() {
   return (
     <>
         <nav className="navbar">
             <div className="navbar-container">
-                
+                <Link to="/" className="navbar-logo">
+                  TRVL <i className="fab fa-typo3"></i>
+                </Link>
             </div>
         </nav>
     </>
