diff --git a/lotuspond/front/src/Pond.js b/lotuspond/front/src/Pond.js
new file mode 100644
index 000000000..ae3726540
--- /dev/null
+++ b/lotuspond/front/src/Pond.js
@@ -0,0 +1,55 @@
+import React from 'react';
+import './App.css';
+import { Client } from 'rpc-websockets'
+import NodeList from "./NodeList";
+
+
+class Pond extends React.Component {
+ constructor(props) {
+ super(props)
+
+ const client = new Client('ws://127.0.0.1:2222/rpc/v0')
+ client.on('open', () => {
+ this.setState(() => ({client: client}))
+ })
+
+ this.state = {
+ windows: {},
+ nextWindow: 0,
+ }
+
+ this.mountWindow = this.mountWindow.bind(this)
+ }
+
+ mountWindow(cb) {
+ const id = this.state.nextWindow
+ this.setState({nextWindow: id + 1})
+
+ const window = cb(() => {
+ this.setState(prev => ({windows: {...prev.windows, [id]: undefined}}))
+ })
+
+ this.setState(prev => ({windows: {...prev.windows, [id]: window}}))
+ }
+
+ render() {
+ if (this.state.client === undefined) {
+ return (
+
+ Connecting to RPC
+
+ )
+ }
+
+ return (
+
+
+
+ {Object.keys(this.state.windows).map((w, i) =>
{this.state.windows[w]}
)}
+
+ )
+ }
+}
+
+export default Pond
diff --git a/lotuspond/front/src/SingleNode.js b/lotuspond/front/src/SingleNode.js
new file mode 100644
index 000000000..941d96185
--- /dev/null
+++ b/lotuspond/front/src/SingleNode.js
@@ -0,0 +1,64 @@
+import React from 'react';
+import './App.css';
+import {Client} from "rpc-websockets";
+import FullNode from "./FullNode";
+
+class SingleNode extends React.Component {
+ constructor(props) {
+ super(props)
+
+ const nodes = JSON.parse(window.localStorage.getItem('saved-nodes'))
+ const node = nodes[this.props.match.params.node]
+
+ const client = new Client(`${node.addr}?token=${node.token}`)
+ client.on('open', async () => {
+ this.setState(() => ({client: client}))
+ })
+
+ this.state = {
+ windows: {},
+ nextWindow: 0,
+
+ addr: node.addr
+ }
+ }
+
+ mountWindow = (cb) => {
+ const id = this.state.nextWindow
+ this.setState({nextWindow: id + 1})
+
+ const window = cb(() => {
+ this.setState(prev => ({windows: {...prev.windows, [id]: undefined}}))
+ })
+
+ this.setState(prev => ({windows: {...prev.windows, [id]: window}}))
+ }
+
+ render() {
+ if (this.state.client === undefined) {
+ return (
+
+ Connecting to Node RPC: {`${this.state.addr}?token=****`}
+
+ )
+ }
+
+ let node =
+
+ return (
+
+ {node}
+
+ {Object.keys(this.state.windows).map((w, i) =>
{this.state.windows[w]}
)}
+
+
+ )
+ }
+}
+
+export default SingleNode;