Completed-project_09-04-2024

package.json

@@ -3,13 +3,19 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/free-brands-svg-icons": "^6.5.2",
+    "@fortawesome/free-regular-svg-icons": "^6.5.2",
+    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.3",
     "react-scripts": "5.0.1",
     "tailwindcss": "^3.4.3",
     "web-vitals": "^2.1.4"

src/App.jsx

@@ -0,0 +1,47 @@
+import React from "react";
+
+import {
+  BrowserRouter as Router,
+  Routes,
+  Route,
+} from 'react-router-dom'
+
+import Home from "./Components/Home/home";
+import Articles from "./Components/Articles/Articles";
+import Firebase from "./Components/Firebase/Firebase";
+import Newsletter from "./Components/Newsletter/Newsletter";
+import Features from "./Components/Features/Features";
+import Case from "./Components/CaseStudy/Case";
+import Footer from "./Components/Footer/Footer";
+
+
+
+function App() {
+  return (
+
+    <>
+       <Router>
+      <Routes>
+        <Route path="/"  element={<Home/>}>
+        </Route>
+        <Route path="/articles"  element={<Articles/>}>
+        </Route>
+        <Route path="/firebase"  element={<Firebase/>}>
+        </Route>
+        <Route path="/newsletter"  element={<Newsletter/>}>
+        </Route>
+        <Route path="/features"  element={<Features/>}>
+        </Route>
+        <Route path="/case"  element={<Case/>}>
+        </Route>
+        <Route path="/footer"  element={<Footer/>}>
+        </Route>
+
+
+      </Routes>
+    </Router>
+    </>
+  );
+}
+
+export default App;