diff --git a/client/homebrew/editor/editor.jsx b/client/homebrew/editor/editor.jsx
index 6b15eae..e02f245 100644
--- a/client/homebrew/editor/editor.jsx
+++ b/client/homebrew/editor/editor.jsx
@@ -20,7 +20,7 @@ const Editor = React.createClass({
 			onChange : ()=>{},
 
 			metadata : {},
-			onMetadataChange : ()=>{}
+			onMetadataChange : ()=>{},
 		};
 	},
 	getInitialState: function() {
diff --git a/client/homebrew/pages/homePage/homePage.less b/client/homebrew/pages/homePage/homePage.less
index 37b4122..056521d 100644
--- a/client/homebrew/pages/homePage/homePage.less
+++ b/client/homebrew/pages/homePage/homePage.less
@@ -40,4 +40,8 @@
 			right : 350px;
 		}
 	}
+
+	.toggleMeta{
+		display: none;
+	}
 }
\ No newline at end of file
diff --git a/client/homebrew/pages/userPage/brewItem/brewItem.jsx b/client/homebrew/pages/userPage/brewItem/brewItem.jsx
new file mode 100644
index 0000000..94158cb
--- /dev/null
+++ b/client/homebrew/pages/userPage/brewItem/brewItem.jsx
@@ -0,0 +1,21 @@
+const React = require('react');
+const _     = require('lodash');
+const cx    = require('classnames');
+
+const BrewItem = React.createClass({
+	getDefaultProps: function() {
+		return {
+			brew : {
+
+			}
+		};
+	},
+
+	render : function(){
+		return <div className='brewItem'>
+			BrewItem Component Ready.
+		</div>
+	}
+});
+
+module.exports = BrewItem;
diff --git a/client/homebrew/pages/userPage/brewItem/brewItem.less b/client/homebrew/pages/userPage/brewItem/brewItem.less
new file mode 100644
index 0000000..6cfd7b4
--- /dev/null
+++ b/client/homebrew/pages/userPage/brewItem/brewItem.less
@@ -0,0 +1,3 @@
+.brewItem{
+
+}
\ No newline at end of file
diff --git a/client/homebrew/pages/userPage/userPage.jsx b/client/homebrew/pages/userPage/userPage.jsx
index 9f39ee3..120bd88 100644
--- a/client/homebrew/pages/userPage/userPage.jsx
+++ b/client/homebrew/pages/userPage/userPage.jsx
@@ -5,6 +5,8 @@ const cx    = require('classnames');
 const Nav = require('naturalcrit/nav/nav.jsx');
 const Navbar = require('../../navbar/navbar.jsx');
 
+const BrewItem = require('./brewItem/brewItem.jsx');
+
 const UserPage = React.createClass({
 	getDefaultProps: function() {
 		return {
@@ -13,6 +15,12 @@ const UserPage = React.createClass({
 		};
 	},
 
+	renderBrews : function(){
+		return _.map(this.props.brews, (brew) => {
+			return <BrewItem brew={brew} />
+		});
+	},
+
 	render : function(){
 		console.log(this.props.brews);
 
@@ -26,6 +34,7 @@ const UserPage = React.createClass({
 			<div className='content'>
 				<div className='phb'>
 					<h1>{this.props.username}</h1>
+					{this.renderBrews()}
 				</div>
 			</div>
 		</div>
diff --git a/server.js b/server.js
index 1430e21..661821e 100644
--- a/server.js
+++ b/server.js
@@ -113,8 +113,6 @@ app.get('/print/:id', (req, res, next)=>{
 });
 
 
-
-
 //Render Page
 app.use((req, res) => {
 	vitreumRender({