diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 06dae82..dde92eb 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -1,10 +1,10 @@
 ## Questionnaire
 
-- Where did you find the job? -> LinkedIn / Indeed / Kyujin Box / Referral
-- Have you applied on the site above? -> Yes / No
+- Where did you find the job? -> LinkedIn
+- Have you applied on the site above? -> Yes
 
 ## Agreement
 
-- [ ] I did not ask anyone for help to solve the problem.
-- [ ] I did not refer any other forks or pull requests of this repository.
-- [ ] I would make my fork private if requested after screening.
+- [x] I did not ask anyone for help to solve the problem.
+- [x] I did not refer any other forks or pull requests of this repository.
+- [x] I would make my fork private if requested after screening.
diff --git a/fresh.gen.ts b/fresh.gen.ts
index 799a93f..4654717 100644
--- a/fresh.gen.ts
+++ b/fresh.gen.ts
@@ -3,10 +3,16 @@
 // This file is automatically updated during development when running `dev.ts`.
 
 import * as $0 from "./routes/index.tsx";
+import * as $1 from "./routes/jobs/[randomString].tsx";
+import * as $2 from "./routes/jobs/engineer.tsx";
+import * as $3 from "./routes/jobs/index.tsx";
 
 const manifest = {
   routes: {
     "./routes/index.tsx": $0,
+    "./routes/jobs/[randomString].tsx": $1,
+    "./routes/jobs/engineer.tsx": $2,
+    "./routes/jobs/index.tsx": $3,
   },
   islands: {},
   baseUrl: import.meta.url,
diff --git a/routes/index.tsx b/routes/index.tsx
index 6071486..125454f 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -1,7 +1,10 @@
 /** @jsx h */
+import { useState } from 'preact/hooks';
 import { h } from "preact";
 
 export default function Home() {
+  const [inputText, setInputText] = useState("engineer")
+
   return (
     <div>
       <a href="https://www.active-connector.com/">
@@ -13,6 +16,12 @@ export default function Home() {
       <h2>
         Skill Test (Software Engineer)
       </h2>
+      <input type="text" value={inputText} onInput={text => setInputText(text.currentTarget.value)} />
+      <a href={`/jobs/${inputText}`}>
+        <button>
+          Apply
+        </button>
+      </a>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/routes/jobs/[randomString].tsx b/routes/jobs/[randomString].tsx
new file mode 100644
index 0000000..cae03a4
--- /dev/null
+++ b/routes/jobs/[randomString].tsx
@@ -0,0 +1,20 @@
+/** @jsx h */
+import { h } from "preact";
+import { PageProps } from '$fresh/server.ts';
+
+export default function RandomString(props: PageProps) {
+  const { randomString } = props.params;
+
+  return (
+    <div>
+      <p>
+        { randomString === "engineer" 
+            ? 'Job "engineer" is open for you!' 
+            : randomString === '' 
+            ? 'error: empty input' 
+            : `Job "${randomString}" is not available`
+        }
+      </p>
+    </div>
+  );
+}
diff --git a/routes/jobs/engineer.tsx b/routes/jobs/engineer.tsx
new file mode 100644
index 0000000..d20ab3f
--- /dev/null
+++ b/routes/jobs/engineer.tsx
@@ -0,0 +1,11 @@
+/** @jsx h */
+import { h } from "preact";
+
+export default function Engineer() {
+
+  return (
+    <div>
+      Job "engineer" is open for you!
+    </div>
+  );
+}
diff --git a/routes/jobs/index.tsx b/routes/jobs/index.tsx
new file mode 100644
index 0000000..db12055
--- /dev/null
+++ b/routes/jobs/index.tsx
@@ -0,0 +1,12 @@
+/** @jsx h */
+import { h } from "preact";
+
+export default function Job() {
+  return (
+    <div>
+      <p>
+        error: empty input
+      </p>
+    </div>
+  );
+}