# Creating a Single-Page App in React using React Router

**URL:** https://forum.kirupa.com/t/creating-a-single-page-app-in-react-using-react-router/636201
**Category:** programming
**Created:** [March 20, 2017, 1:42am UTC](https://forum.kirupa.com/t/creating-a-single-page-app-in-react-using-react-router/636201 "2017-03-20T01:42:15Z")
**Posts on this page:** 1
**Showing post:** 51

<div class="post-metadata">

### Author: ![Gopal\_Singh](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/gopal_singh/32/9734_2.png) [@Gopal\_Singh](https://forum.kirupa.com/u/Gopal_Singh)
#### Post date: [July 5, 2019, 6:48am UTC](https://forum.kirupa.com/t/creating-a-single-page-app-in-react-using-react-router/636201/51 "2019-07-05T06:48:20Z")

</div>

index.js \>\>\>  
import React from ‘react’;  
import ReactDOM from ‘react-dom’;  
import Home from ‘./Home’;  
ReactDOM.render(\< Home /\>, document.getElementById(‘root’));

Home.js  
import React, {Component} from ‘react’;  
import ReactDOM from ‘react-dom’;  
import {  
Route,  
NavLink,  
HashRouter  
} from “react-router-dom”;  
import Login from ‘./Login’;  
import SignUp from ‘./SignUp’;  
class Home extends Component {  
render (){  
return (  
\< HashRouter\>  
\< div\>  
\< ul\>  
\< li\>\< NavLink to="/ SignUp"\>SignUp\</ NavLink\>\< /li\>  
\< /ul\>  
\< /div\>  
\</ HashRouter\>);  
}  
}  
export default Home;

SignUp.js  
import React, {Component} from ‘react’;  
import ReactDOM from ‘react-dom’;  
import SignUpCSS from ‘./SignUpCSS.css’

class SignUp extends Component {  
render(){ return (

  
  

  

# Sign Up
  

Please fill in this form to create an account.

  

* * *

```
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required/>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required/>

<label for="psw-repeat"><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-repeat" required></input>

<label>
  <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me </input>
</label>

<p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

<div class="clearfix">
  <button type="button" class="cancelbtn">Cancel</button>
  <button type="submit" class="signupbtn">Sign Up</button>
</div>
</div>
</form>
</div>);

```

}}  
export default SignUp;

Please find the above three page  
I am not able to redirect SignUp even not getting any error whats I am missing here

---

_[View the full topic](https://forum.kirupa.com/t/creating-a-single-page-app-in-react-using-react-router/636201)._