update

.vscode/settings.json

@@ -0,0 +1,21 @@
+{
+    "spiderman.alpha": 2,
+    "spiderman.step": 5,
+    "superBG.url": "https://i.giphy.com/media/13Z5kstwARnPna/giphy.webp",
+    "superBG.opacity": 100,
+    "background.editorBackgrounds": [
+        "C:/Users/trevi/Pictures/VSC Pics/11657.gif",
+        "C:/Users/trevi/Pictures/VSC Pics/11661.gif",
+        "C:/Users/trevi/Pictures/VSC Pics/102421.gif",
+        "C:/Users/trevi/Pictures/VSC Pics/10426.gif"
+    ],
+    "background.windowBackgrounds": [
+        "C:/Users/trevi/Pictures/VSC Pics/"
+    ],
+    "background.sidebarBackgrounds": [
+        "C:/Users/trevi/Pictures/VSC Pics/"
+    ],
+    "background.panelBackgrounds": [
+        "C:/Users/trevi/Pictures/VSC Pics/"
+    ]
+}

app/package.json

@@ -3,6 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@babel/core": "^7.18.13",
+    "@babel/preset-env": "^7.18.10",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
@@ -11,7 +13,9 @@
     "react": "^18.2.0",
     "react-bootstrap": "^2.5.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
+    "scroll-into-view": "^1.16.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

app/src/App.css

@@ -1,4 +1,3 @@
-
 body {
   background-color: #1a1a1a !important;
   color: #ebebeb !important;
@@ -15,19 +14,6 @@ a {
   margin: auto;
 }
 
-.projectsCarousel {
-  padding-left: 10%;
-  width: 100%;
-  display: flex;
-  overflow-x: scroll;
-}
-
-.projectsControl {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
 .btn {
   color: white !important;
 }