javascriptBoiler
diff --git a/‎.gitignore
Lines changed: 1 addition & 0 deletions b/‎.gitignore
Lines changed: 1 addition & 0 deletions
diff --git a/‎app/index.html
Lines changed: 13 additions & 0 deletions b/‎app/index.html
Lines changed: 13 additions & 0 deletions
diff --git a/‎app/js/app.js
Lines changed: 79 additions & 0 deletions b/‎app/js/app.js
Lines changed: 79 additions & 0 deletions
@@ -0,0 +1 @@
+node_modules
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>sample MERN Project</title>
+	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"></link>
+</head>
+<body>
+<div id="app"></div>
+
+<script src="js/bundle.js"></script>
+
+</body>
+</html>
@@ -0,0 +1,79 @@
+import React from 'react';
+import ReactDom from 'react-dom';
+import { Icon, Label, Menu, Table, Container } from 'semantic-ui-react'
+import Request from 'reqwest';
+
+class App extends React.Component {
+
+	constructor(props) {
+		super(props);
+		this.state = { onpage: 1, data: [], pages: 1 };
+	}
+
+	componentWillMount() {
+		this.getdata();
+		//this.handleChange = this.handleChange.bind(this);
+	}
+
+	getdata() {
+		Request({
+			url: '/pagi',
+			method: 'get',
+			headers: {
+				'page': this.state.onpage
+			},
+			success: (resp) => {
+				this.setState({ pages: resp.pages });
+				this.setState({ data: resp.docs });
+
+			}
+		})
+	}
+
+	render() {
+		return (
+			<Container text>
+				<Table celled>
+					<Table.Header>
+						<Table.Row>
+							<Table.HeaderCell>Name</Table.HeaderCell>
+							<Table.HeaderCell>Id</Table.HeaderCell>
+						</Table.Row>
+					</Table.Header>
+
+					<Table.Body>
+						
+						
+							{this.state.data.map(function (listValue) {
+								return (<Table.Row key={listValue._id}>
+									<Table.HeaderCell>{listValue.name}</Table.HeaderCell>
+									<Table.HeaderCell>{listValue._id}</Table.HeaderCell>
+									</Table.Row>);
+							})}
+						
+
+					</Table.Body>
+
+					<Table.Footer>
+						<Table.Row>
+							<Table.HeaderCell colSpan='3'>
+								<Menu floated='right' pagination>
+									<Menu.Item as='a' icon>
+										<Icon name='left chevron' />
+									</Menu.Item>
+									<Menu.Item as='a'>1</Menu.Item>
+									<Menu.Item as='a' icon>
+										<Icon name='right chevron' />
+									</Menu.Item>
+								</Menu>
+							</Table.HeaderCell>
+							
+						</Table.Row>
+					</Table.Footer>
+				</Table>
+			</Container>
+		);
+	}
+}
+
+ReactDom.render(<App />, document.getElementById('app'));