diff --git a/client/homebrew/editPage/editPage.jsx b/client/homebrew/editPage/editPage.jsx
new file mode 100644
index 000000000..bd6e294df
--- /dev/null
+++ b/client/homebrew/editPage/editPage.jsx
@@ -0,0 +1,25 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var EditPage = React.createClass({
+	getDefaultProps: function() {
+		return {
+			text : "",
+			id : null
+		};
+	},
+
+	render : function(){
+		var self = this;
+		return(
+			<div className='editPage'>
+				{this.props.id}
+				EditPage Ready!
+				{this.props.text}
+			</div>
+		);
+	}
+});
+
+module.exports = EditPage;
diff --git a/client/homebrew/editPage/editPage.less b/client/homebrew/editPage/editPage.less
new file mode 100644
index 000000000..f23bef98c
--- /dev/null
+++ b/client/homebrew/editPage/editPage.less
@@ -0,0 +1,3 @@
+.editPage{
+
+}
\ No newline at end of file
diff --git a/client/homebrew/homePage/homePage.jsx b/client/homebrew/homePage/homePage.jsx
new file mode 100644
index 000000000..796137db5
--- /dev/null
+++ b/client/homebrew/homePage/homePage.jsx
@@ -0,0 +1,46 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var PHB = require('../phb/phb.jsx');
+var Editor = require('../editor/editor.jsx');
+
+var KEY = 'naturalCrit-homebrew';
+
+var HomePage = React.createClass({
+
+	getInitialState: function() {
+		return {
+			text: "# Welcome"
+		};
+	},
+
+	componentDidMount: function() {
+		var storage = localStorage.getItem(KEY);
+		if(storage){
+			this.setState({
+				text : storage
+			})
+		}
+	},
+
+	handleTextChange : function(text){
+		this.setState({
+			text : text
+		});
+
+		localStorage.setItem(KEY, text);
+	},
+
+	render : function(){
+		var self = this;
+		return(
+			<div className='homePage'>
+				<Editor text={this.state.text} onChange={this.handleTextChange} />
+				<PHB text={this.state.text} />
+			</div>
+		);
+	}
+});
+
+module.exports = HomePage;
diff --git a/client/homebrew/homePage/homePage.less b/client/homebrew/homePage/homePage.less
new file mode 100644
index 000000000..64108fb96
--- /dev/null
+++ b/client/homebrew/homePage/homePage.less
@@ -0,0 +1,3 @@
+.homePage{
+
+}
\ No newline at end of file
diff --git a/client/homebrew/homebrew.jsx b/client/homebrew/homebrew.jsx
index 8ecf2b77e..79d71e289 100644
--- a/client/homebrew/homebrew.jsx
+++ b/client/homebrew/homebrew.jsx
@@ -4,63 +4,33 @@ var cx = require('classnames');
 
 var CreateRouter = require('pico-router').createRouter;
 
-var PHB = require('./phb/phb.jsx');
-var Editor = require('./editor/editor.jsx');
-
-
-//var Snippets = require('./editor/snippets');
-
-var KEY = 'naturalCrit-homebrew';
-
-
-
-var Router = CreateRouter({
-	'/homebrew' : 'home',
-	'/homebrew/edit/:id' : function(args){
-
-	},
-	'/homebrew/share/:id' : function(args){
-
-	}
-});
-
+var HomePage = require('./homePage/homePage.jsx');
+var EditPage = require('./editPage/editPage.jsx');
+var SharePage = require('./sharePage/sharePage.jsx');
 
+var Router;
 var Homebrew = React.createClass({
 	getDefaultProps: function() {
 		return {
+			url : "",
 			text : ""
 		};
 	},
-
-	getInitialState: function() {
-		return {
-			text : "# Holla"
-		};
-	},
-
-	componentDidMount: function() {
-		var storage = localStorage.getItem(KEY);
-		if(storage){
-			this.setState({
-				text : storage
-			})
-		}
-	},
-
-	handleTextChange : function(text){
-		this.setState({
-			text : text
+	componentWillMount: function() {
+		Router = CreateRouter({
+			'/homebrew/edit/:id' : (args) => {
+				return <EditPage id={args.id} text={this.props.text} />
+			},
+			'/homebrew/share/:id' : (args) => {
+				return <SharePage id={args.id} text={this.props.text} />
+			},
+			'/homebrew*' : <HomePage />,
 		});
-
-		localStorage.setItem(KEY, text);
 	},
-
 	render : function(){
-		var self = this;
 		return(
 			<div className='homebrew'>
-				<Editor text={this.state.text} onChange={this.handleTextChange} />
-				<PHB text={this.state.text} />
+				<Router initialUrl={this.props.url}/>
 			</div>
 		);
 	}
diff --git a/client/homebrew/navbar/navbar.jsx b/client/homebrew/navbar/navbar.jsx
new file mode 100644
index 000000000..48e0eb56e
--- /dev/null
+++ b/client/homebrew/navbar/navbar.jsx
@@ -0,0 +1,17 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var Navbar = React.createClass({
+
+	render : function(){
+		var self = this;
+		return(
+			<div className='navbar'>
+				Navbar Ready!
+			</div>
+		);
+	}
+});
+
+module.exports = Navbar;
diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
new file mode 100644
index 000000000..f6858f1d8
--- /dev/null
+++ b/client/homebrew/navbar/navbar.less
@@ -0,0 +1,3 @@
+.navbar{
+
+}
\ No newline at end of file
diff --git a/client/homebrew/sharePage/sharePage.jsx b/client/homebrew/sharePage/sharePage.jsx
new file mode 100644
index 000000000..3e58037ad
--- /dev/null
+++ b/client/homebrew/sharePage/sharePage.jsx
@@ -0,0 +1,17 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var SharePage = React.createClass({
+
+	render : function(){
+		var self = this;
+		return(
+			<div className='sharePage'>
+				SharePage Ready!
+			</div>
+		);
+	}
+});
+
+module.exports = SharePage;
diff --git a/client/homebrew/sharePage/sharePage.less b/client/homebrew/sharePage/sharePage.less
new file mode 100644
index 000000000..fa0fbf96a
--- /dev/null
+++ b/client/homebrew/sharePage/sharePage.less
@@ -0,0 +1,3 @@
+.sharePage{
+
+}
\ No newline at end of file
diff --git a/client/homebrew/statusbar/statusbar.jsx b/client/homebrew/statusbar/statusbar.jsx
new file mode 100644
index 000000000..0df0e3fad
--- /dev/null
+++ b/client/homebrew/statusbar/statusbar.jsx
@@ -0,0 +1,17 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var Statusbar = React.createClass({
+
+	render : function(){
+		var self = this;
+		return(
+			<div className='statusbar'>
+				Statusbar Ready!
+			</div>
+		);
+	}
+});
+
+module.exports = Statusbar;
diff --git a/client/homebrew/statusbar/statusbar.less b/client/homebrew/statusbar/statusbar.less
new file mode 100644
index 000000000..f287122a8
--- /dev/null
+++ b/client/homebrew/statusbar/statusbar.less
@@ -0,0 +1,3 @@
+.statusbar{
+
+}
\ No newline at end of file