diff --git a/twistter-frontend/src/App.js b/twistter-frontend/src/App.js
index 84c05ac..3b0a077 100644
--- a/twistter-frontend/src/App.js
+++ b/twistter-frontend/src/App.js
@@ -11,6 +11,7 @@ import home from './Home.js';
 import register from './Register.js';
 import login from './Login.js';
 import user from './pages/user';
+import writeMicroblog from './Writing_Microblogs.js';
 
 class App extends Component {
   render() {
@@ -23,6 +24,7 @@ class App extends Component {
           <Route exact path="/register" component={register}/>
           <Route exact path="/login" component={login}/>
           <Route exact path="/user" component={user}/>
+          <Route exact path="/home" component={writeMicroblog}/>
         </div>
 
       </Router>
diff --git a/twistter-frontend/src/Writing_Microblogs.js b/twistter-frontend/src/Writing_Microblogs.js
index ed90ab6..eca41d4 100644
--- a/twistter-frontend/src/Writing_Microblogs.js
+++ b/twistter-frontend/src/Writing_Microblogs.js
@@ -51,7 +51,7 @@ class Writing_Microblogs extends Component {
              
              <div style={{ width: "200px", marginLeft: "50px"}}>        
                 <form onSubmit={this.handleSubmit}>
-                    <textarea value={this.state.value} maxLength="10" placeholder= "Write Microblog here..." 
+                    <textarea value={this.state.value} required maxLength="10" placeholder= "Write Microblog here..." 
                         onChange = { (e) => { this.handleChangeforPost(e); this.handleChangeforCharacterCount(e) } } cols={40} rows={20} />      
                  <div style={{ fontSize: "14px", marginRight: "-100px"}} >
                     <p2>Characters Left: {this.state.characterCount}</p2>