diff --git a/src/components/NewPost.js b/src/components/NewPost.js
index be32d6c..f6a780b 100644
--- a/src/components/NewPost.js
+++ b/src/components/NewPost.js
@@ -5,17 +5,24 @@ import 'github-markdown-css'
 import "react-mde/lib/styles/css/react-mde-all.css"
 
 const NewPost = (props) => {
-  const [value, setValue] = React.useState("**Hello world!!!**");
+  const [title, setTitle] = React.useState("");
+  const [content, setContent] = React.useState("");
   const [selectedTab, setSelectedTab] = React.useState("write");
   const submitPost = () => {
-      console.log("API CALL")
-      console.log(value)
+      console.log(title)
+      console.log(content)
   }
   return(
     <div className="container">
+      <input
+        value={title}
+        placeholder="Title..."
+        onChange={e => setTitle(e.target.value)}
+      />
+
       <ReactMde
-        value={value}
-        onChange={setValue}
+        value={content}
+        onChange={setContent}
         selectedTab={selectedTab}
         onTabChange={setSelectedTab}
         generateMarkdownPreview={(markdown) =>