diff --git a/browser/Components/main.js b/browser/Components/main.js
new file mode 100644
index 0000000..e523c6f
--- /dev/null
+++ b/browser/Components/main.js
@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import axios from 'axios';
+
+class Main extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ students: []
+ };
+ }
+ async componentDidMount() {
+ let { data } = await axios.get('/student');
+ this.setState({ students: data });
+ }
+
+ render() {
+ return (
+
+
Students
+
+
+
+ | Name |
+
+ {this.state.students.map(student => {
+ return (
+
+ | {student.fullName} |
+
+ );
+ })}
+
+
+