routes begin

src/App.js

@@ -1,13 +1,18 @@
 import React, { Component } from 'react';
-import { Switch, Route, withRouter } from "react-router-dom";
 import HomePage from "./components/HomePage";
 import Login from "./components/SignIn";
 import LogInContainer from "./components/LogInContainer";
+import { BrowserRouter, Route, Switch } from 'react-router-dom';
 class  App extends Component {
   render(){
     return (
       <div className="App">
-        < LogInContainer />
+        <BrowserRouter>
+          <Switch>
+            <Route exact path="/" Component={HomePage} />
+            <Route path="/User" Component={LogInContainer} />
+          </Switch>
+        </BrowserRouter>
 
         
       </div>

src/components/HomePage.js

@@ -5,12 +5,10 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 
 
 class  HomePage extends Component {
-  state = { render: false }
-  add = () => {
-    this.setState({render : !this.state.render})
-  }
+  
   render(){
     return (
+      
       <div className="HomePage">
   <section class="colored-section" id="title">
 

src/components/LogInContainer.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { HashRouter as Router, Route, Link, NavLink } from 'react-router-dom';
+import { HashRouter as BrowserRouter, Route, Link, NavLink } from 'react-router-dom';
 import SignUpForm from './SignUp';
 import SignInForm from './SignIn';
 
@@ -8,27 +8,18 @@ import '../login_reg.css';
 class LogInContainer extends Component {
   render() {
     return (
-      <Router basename="/users/">
+      <BrowserRouter>
         <div className="Apper">
           <div className="Apper__Aside"></div>
           <div className="Apper__Form">
-            <div className="PageSwitcher">
-                <NavLink to="/sign-in" activeClassName="PageSwitcher__Item--Active" className="PageSwitcher__Item">Sign In</NavLink>
-                <NavLink exact to="/" activeClassName="PageSwitcher__Item--Active" className="PageSwitcher__Item">Sign Up</NavLink>
-              </div>
-
-              <div className="FormTitle">
-                  <NavLink to="/sign-in" activeClassName="FormTitle__Link--Active" className="FormTitle__Link">Sign In</NavLink> or <NavLink exact to="/" activeClassName="FormTitle__Link--Active" className="FormTitle__Link">Sign Up</NavLink>
-              </div>
-
-              <Route exact path="/" component={SignUpForm}>
+              <Route path="/sign-up" component={SignUpForm}>
               </Route>
               <Route path="/sign-in" component={SignInForm}>
               </Route>
           </div>
 
         </div>
-      </Router>
+      </BrowserRouter>
     );
   }
 }