diff --git a/public/index.html b/public/index.html
index aa069f27cbd9d53394428171c3989fd03db73c76..3a8e317c1d83557ba3d549fcdcbeb37e92232bea 100644
--- a/public/index.html
+++ b/public/index.html
@@ -28,6 +28,9 @@
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script>
+    <div id="react-root"></div>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/src/App.js b/src/App.js
index 7ff852726cfb8c45510a10b92f69e018ae01c901..8a9aedd3d8d87492a43995a2d6ac53a8a82df847 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,6 +6,7 @@ import { BrowserRouter as Router, Routes, Route}
 import CoinFlip from "./pages/CoinFlip";
 import {Nav} from "./components/Navbar/NavbarElements";
 import Home from "./pages/Home";
+import SlotMachine from "./pages/SlotMachine";
 
 function App() {
   return (
@@ -14,7 +15,9 @@ function App() {
         <Routes>
             <Route exact path='/' exact element={<Home/>}/>
             <Route exact path='/CoinFlip' exact element={<CoinFlip/>}/>
+            <Route exact path='/SlotMachine' exact element={<SlotMachine/>}/>
             <Route exact path='/Home' exact element={<Home/>}/>
+
         </Routes>
     </Router>
   );
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
index 4e2dcdc4955bb36ebfd7973904b6a7d0188ee35f..470048fe199acd05a62c217e2ed3be94919d7d72 100644
--- a/src/components/Navbar/index.js
+++ b/src/components/Navbar/index.js
@@ -7,10 +7,11 @@ const Navbar = () => {
         <>
             <Nav>
                 <NavMenu>
-                    <NavLink to="/Home" actievStyle>Home</NavLink>
+                    <NavLink to="/Home" activeStyle>Home</NavLink>
                     <NavLink to="/CoinFlip" activeStyle>
                         CoinFlip
                     </NavLink>
+                    <NavLink to="/SlotMachine" activeStyle>SlotMachine</NavLink>
                     {/*<NavLink to="/contact" activeStyle>*/}
                     {/*    Contact Us*/}
                     {/*</NavLink>*/}
diff --git a/src/pages/SlotMachine.js b/src/pages/SlotMachine.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391