init PVE Doudizhu view file

src/App.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { BrowserRouter as Router, Route, Redirect } from "react-router-dom";
 import LeaderBoard from './view/LeaderBoard';
 import { DoudizhuGameView, LeducHoldemGameView } from './view/GameView';
+import { PVEDoudizhuDemoView } from './view/PVEView';
 import Navbar from "./components/Navbar";
 import {makeStyles} from "@material-ui/core/styles";
 
@@ -13,16 +14,22 @@ const useStyles = makeStyles(() => ({
 
 function App() {
     const classes = useStyles();
+
+    // todo: add 404 page
+
     return (
         <Router>
             <Navbar className={classes.navBar} gameName={""}/>
             <div style={{marginTop: '75px'}}>
                 <Route exact path="/">
-                    <Redirect to="/leaderboard?type=game&name=leduc-holdem" />
+                    {/* for test use */}
+                    {/* <Redirect to="/leaderboard?type=game&name=leduc-holdem" /> */}
+                    <Redirect to="/pve-doudizhu-demo" />
                 </Route>
                 <Route path="/leaderboard" component={LeaderBoard} />
                 <Route path="/replay/doudizhu" component={DoudizhuGameView} />
                 <Route path="/replay/leduc-holdem" component={LeducHoldemGameView} />
+                <Route path="/pve-doudizhu-demo" component={PVEDoudizhuDemoView} />
             </div>
         </Router>
     );

src/view/PVEView/PVEDoudizhuDemoView.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+class PVEDoudizhuDemoView extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div>Under Development...</div>
+        );
+    }
+}
+
+export default PVEDoudizhuDemoView;

src/view/PVEView/index.js

@@ -0,0 +1,3 @@
+import PVEDoudizhuDemoView from './PVEDoudizhuDemoView';
+
+export {PVEDoudizhuDemoView};