diff --git a/frontend/src/pages/404.jsx b/frontend/src/pages/404.jsx
new file mode 100644
index 0000000..ebd9ea4
--- /dev/null
+++ b/frontend/src/pages/404.jsx
@@ -0,0 +1,40 @@
+import React, { Component } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+
+const styles = theme => ({
+ container: {
+    textAlign: 'center',
+    marginTop: '2rem',
+ },
+ pageErrorCode: {
+    fontWeight: 'bolder',
+    fontSize: '8rem',
+    textAlign: 'center',
+    lineHeight: 'normal',
+ }
+ pageErrorMessage {
+    fontSize: '1.5rem';
+    textAlign: 'center';
+ }
+});
+
+class Error extends Component {
+	componentDidMount() {
+	}
+
+	render() {
+    const { classes } = this.props;
+    
+    const code = 404;
+    const message = "Page not found";
+
+		return (
+			<div className={classes.container}>
+        <div className={classes.pageErrorCode}>{code}</div>
+        <div className={classes.pageErrorMessage}>{message}</div>
+      </div>
+		);
+	}
+}
+
+export default withStyles(styles, { withTheme: true })(Error);