diff --git a/client/src/App.js b/client/src/App.js
new file mode 100644
index 0000000000000000000000000000000000000000..7e89cd8f7ada8d200297120f64a5ddbf4c1d1f65
--- /dev/null
+++ b/client/src/App.js
@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import './App.css';
+import {BrowserRouter as Router,Route,Switch} from "react-router-dom";
+import MainPage from './Components';
+import Alogin from './Components/Admin/alogin';
+import Slogin from './Components/Student/slogin';
+import About from './Components/about/about';
+import Student from './Components/Student/student-page';
+import Admin from './Components/Admin/admin-page';
+
+class App extends Component {
+	render() {
+		return <Router>
+			<Switch>
+				<Route exact path="/" component={MainPage} />
+				<Route exact path="/slogin" component={Slogin} />
+				<Route exact path="/alogin" component={Alogin} />
+				<Route exact path="/about" component={About} />
+				<Route exact path="/Home/:uid/:uname" component={Student}/>
+				<Route exact path='/Admin' component={Admin}/>
+			</Switch>
+		</Router>
+		}
+}
+
+export default App;