diff --git a/src/client/public/index.html b/src/client/public/index.html
index aa069f2..37e4b3e 100644
--- a/src/client/public/index.html
+++ b/src/client/public/index.html
@@ -15,6 +15,10 @@
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
+
- React App
+ TS-Boilerplate
diff --git a/src/client/src/App.js b/src/client/src/App.js
index 7bae81d..0a70ed6 100644
--- a/src/client/src/App.js
+++ b/src/client/src/App.js
@@ -3,7 +3,7 @@ import { QueryCache, ReactQueryCacheProvider } from 'react-query';
import { ReactQueryDevtools } from 'react-query-devtools';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import auth from './api/auth';
-import Navbar from './components/Navbar';
+import AppContainer from './components/AppContainer';
import PublicRoute from './components/routing/PublicRoute';
import PrivateRoute from './components/routing/PrivateRoute';
import { AuthContext } from './context';
@@ -43,19 +43,24 @@ function App() {
return (
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
diff --git a/src/client/src/components/AppContainer.js b/src/client/src/components/AppContainer.js
new file mode 100644
index 0000000..d8b279f
--- /dev/null
+++ b/src/client/src/components/AppContainer.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import styled from 'styled-components';
+import Navbar from './Navbar';
+
+const FooterContainer = styled.div`
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ height: 50px;
+ width: 100%;
+ background-color: #ecf0f1;
+ color: white;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ z-index: 99;
+`;
+
+const AppContainer = ({ children }) => {
+ return (
+
+
+ {children}
+
+
+ Made with{' '}
+ by DT
+
+
+
+ );
+};
+
+export default AppContainer;