diff --git a/frontend/src/components/accountMenu/accountMenu.js b/frontend/src/components/accountMenu/accountMenu.js
index bbea135..be4a719 100644
--- a/frontend/src/components/accountMenu/accountMenu.js
+++ b/frontend/src/components/accountMenu/accountMenu.js
@@ -3,7 +3,12 @@ import MenuItem from '@material-ui/core/MenuItem';
 import Menu from '@material-ui/core/Menu';
 import AccountCircle from '@material-ui/icons/AccountCircle';
 import IconButton from '@material-ui/core/IconButton';
+import { Link } from 'react-router-dom';
+import Link1 from '@material-ui/core/Link';
 
+function MenuItemLink(props) {
+    return <MenuItem component={Link1} {...props} />;
+}
 
 export default function AccountMenu(props) {
     const [anchorEl, setAnchorEl] = React.useState(null);
@@ -60,7 +65,7 @@ export default function AccountMenu(props) {
                 open={openMenu}
                 onClose={handleClose}
             >
-                <MenuItem onClick={handleClose}>Profile</MenuItem>
+                <MenuItemLink to={"/profile"} onClick={handleClose} component={Link}>Profile</MenuItemLink>
                 <MenuItem onClick={handleLogout}>Logout</MenuItem>
             </Menu>
         </div>
diff --git a/frontend/src/components/content.js b/frontend/src/components/content.js
index 0174833..e0fc26e 100644
--- a/frontend/src/components/content.js
+++ b/frontend/src/components/content.js
@@ -6,6 +6,7 @@ import {
 } from "react-router-dom";
 import SelectResource from './selectResource';
 import ResourceChart from './resourcechart/resourcechart';
+import Profile from './profile/profile';
 
 
 const useStyles = makeStyles(theme => ({
@@ -23,6 +24,7 @@ export default function Content() {
 
         <div className={classes.root}>
             <Route exact path="/" component={Overview} />
+            <Route path="/profile" component={Profile} />
             <Route path="/resources" component={SelectResource} />
             <Route path="/resourcechart/:id" component={ResourceChart} />
         </div>
diff --git a/frontend/src/components/profile/profile.js b/frontend/src/components/profile/profile.js
new file mode 100644
index 0000000..0fc1d69
--- /dev/null
+++ b/frontend/src/components/profile/profile.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import Typography from '@material-ui/core/Typography';
+
+export default function Profile(props) {
+    return (
+        <div>
+            <Typography variant="h4">
+                Profile Page
+            </Typography>
+        </div>
+    );
+}
diff --git a/frontend/src/components/selectResource/resourceCard.js b/frontend/src/components/selectResource/resourceCard.js
index 54ded6e..a3f24f2 100644
--- a/frontend/src/components/selectResource/resourceCard.js
+++ b/frontend/src/components/selectResource/resourceCard.js
@@ -2,12 +2,10 @@ import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
-import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import { Link } from 'react-router-dom';
 import Link1 from '@material-ui/core/Link';
 import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import Tooltip from '@material-ui/core/Tooltip';
 import Zoom from '@material-ui/core/Zoom';