diff --git a/src/components/App.js b/src/components/App.js
index c6f2242..8eddde7 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Switch, Route, withRouter } from 'react-router-dom';
-import Feed from './Feed'
+import Boards from '../containers/Boards'
 import PostEditor from '../containers/PostEditor'
 import 'semantic-ui-css/semantic.css'
 
@@ -8,8 +8,8 @@ class App extends Component {
   render() {
     return (
       <Switch>
-        <Route path='/post/new' component={PostEditor} />
-        <Route path='/' component={Feed} />
+        <Route path='/p/new' component={PostEditor} />
+        <Route path='/' component={Boards} />
       </Switch>
     );
   }
diff --git a/src/components/Boards.js b/src/components/Boards.js
new file mode 100644
index 0000000..dab26cc
--- /dev/null
+++ b/src/components/Boards.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import { List } from 'semantic-ui-react'
+import BoardsItem from './BoardsItem'
+
+export default function Boards({ boards }) {
+    return <List divided relaxed>
+        {boards.map(board => <BoardsItem {...board} />)}
+    </List>
+}
\ No newline at end of file
diff --git a/src/components/BoardsItem.js b/src/components/BoardsItem.js
new file mode 100644
index 0000000..2ce217c
--- /dev/null
+++ b/src/components/BoardsItem.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import { List } from 'semantic-ui-react'
+
+export default function BoardsItem(props) {
+    return <List.Item>
+        <List.Icon name='board' size='large' verticalAlign='middle' />
+        <List.Content>
+            <List.Header>Board Name</List.Header>
+            <List.Description>Updated 10 mins ago</List.Description>
+        </List.Content>
+    </List.Item>
+}
\ No newline at end of file
diff --git a/src/containers/Board.js b/src/containers/Board.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/containers/Boards.js b/src/containers/Boards.js
new file mode 100644
index 0000000..9bf1dcc
--- /dev/null
+++ b/src/containers/Boards.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import { connect } from 'react-redux'
+import BoardsComponent from '../components/Boards'
+
+function Boards({ boards }) {
+    return <BoardsComponent boards={boards} />
+}
+
+function mapStateToProps(state){
+    return {
+        boards: state.boards.boards
+    }
+}
+
+function mapDispatchToProps(dispatch){
+    return {
+        
+    }
+}
+
+export default connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(Boards)
diff --git a/src/reducers/boards.js b/src/reducers/boards.js
new file mode 100644
index 0000000..5860a86
--- /dev/null
+++ b/src/reducers/boards.js
@@ -0,0 +1,13 @@
+
+function getInitialState() {
+    return {
+        boards: []
+    }
+}
+
+export default function BoardsReducer(state = getInitialState(), action) {
+    switch (action.type) {
+        default:
+            return state;
+    }
+}
\ No newline at end of file
diff --git a/src/reducers/index.js b/src/reducers/index.js
index ced7afb..98b9de9 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -1,6 +1,8 @@
 import { combineReducers } from 'redux'
 import postReducer from './post'
+import boardsReducer from './boards'
 
 export default combineReducers({
-    postEditor: postReducer
+    postEditor: postReducer,
+    boards: boardsReducer
 })
\ No newline at end of file