diff --git a/p2hacks/src/App.js b/p2hacks/src/App.js
index d7a3f18..d9e015a 100644
--- a/p2hacks/src/App.js
+++ b/p2hacks/src/App.js
@@ -1,4 +1,6 @@
+
 import React from 'react'
+import Pre from './pre';
 import { Route, Switch } from 'react-router'
 import PropTypes from 'prop-types'
 import { ConnectedRouter } from 'connected-react-router'
@@ -12,6 +14,7 @@ const App = ({ history }) => {
     <ConnectedRouter history={history}>
       <div>
         <Switch>
+   　　　 <Route exact path="/Pre" component={Pre} />
          <Route exact path="/" component={Home} />
          <Route exact path="/Home" component={Home} />
          <Route exact path="/Confirm" component={Confirm} />
diff --git a/p2hacks/src/pre.js b/p2hacks/src/pre.js
new file mode 100644
index 0000000..71e1634
--- /dev/null
+++ b/p2hacks/src/pre.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Pre = (props) => {
+    return (
+        < form method='post'>
+            <p>
+                <input type="email" name="email"></input>
+            </p>
+            <p>
+                <input type='text'></input>
+            </p>
+            <p>
+                <input type="submit" value="送信する"></input>
+            </p>
+        </form >
+    )
+
+}
+
+export default Pre;
\ No newline at end of file