clean up database model setting

lib/relay/app.relay.js

@@ -0,0 +1,15 @@
+import 'babel-polyfill';
+
+import App from './components/App';
+import AppHomeRoute from './routes/AppHomeRoute';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Relay from 'react-relay';
+
+ReactDOM.render(
+  <Relay.RootContainer
+    Component={App}
+    route={new AppHomeRoute()}
+  />,
+  document.getElementById('root')
+);

lib/relay/components/App.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import Relay from 'react-relay';
+
+import DB from './../../config/database'
+
+class App extends React.Component {
+  render() {
+    var viewer = this.props.viewer,
+      house = viewer.house.edge.node;
+    return (
+      <div>
+        <h1>Hi, {viewer.username}</h1>
+        <p>You are living in the {house.name} house!!!!</p>
+      </div>
+    );
+  }
+}
+
+export default Relay.createContainer(App, {
+  fragments: {
+    viewer: () => Relay.QL`
+      fragment on ${DB.User.name} {
+        username
+        house {
+          edge {
+            node {
+              name
+            }
+          }
+        }
+      }
+    `,
+  },
+});

lib/relay/routes/AppHomeRoute.js

@@ -0,0 +1,12 @@
+import Relay from 'react-relay';
+
+export default class extends Relay.Route {
+  static queries = {
+    viewer: () => Relay.QL`
+      query {
+        viewer
+      }
+    `,
+  };
+  static routeName = 'AppHomeRoute';
+}