diff --git a/js/app.js b/js/app.js
index 44673b0f..1b468524 100644
--- a/js/app.js
+++ b/js/app.js
@@ -4,15 +4,7 @@ import React from 'react';
 import Router from 'react-router';
 
 import AscribeApp from './components/ascribe_app';
-import ArtworkList from './components/artwork_list';
-
-var Route = Router.Route;
-
-var routes = (
-  <Route handler={AscribeApp}>
-    <Route path="artworks" handler={ArtworkList} />
-  </Route>
-);
+import routes from '.routes';
 
 Router.run(routes, Router.HashLocation, (AscribeApp) => {
   React.render(
diff --git a/js/components/artwork_list.js b/js/components/gui/artwork_list.js
similarity index 51%
rename from js/components/artwork_list.js
rename to js/components/gui/artwork_list.js
index 5f14d1fe..f93ef870 100644
--- a/js/components/artwork_list.js
+++ b/js/components/gui/artwork_list.js
@@ -1,13 +1,13 @@
 import React from 'react';
 
 class ArtworkList extends React.Component {
-  render () {
-    return (
-      <ul>
-        <li>This is an artwork</li>
-      </ul>
-    );
-  }
+	render () {
+		return (
+	  		<ul>
+				<li>This is an artwork</li>
+	  		</ul>
+		);
+  	}
 };
 
 export default ArtworkList;
diff --git a/js/components/stores/artwork_list_store.js b/js/components/stores/artwork_list_store.js
new file mode 100644
index 00000000..cfe4f23b
--- /dev/null
+++ b/js/components/stores/artwork_list_store.js
@@ -0,0 +1,5 @@
+class ArtworkListStore {
+	constructor() {
+		this.artworkList = [];
+	}
+}
\ No newline at end of file
diff --git a/js/routes.js b/js/routes.js
new file mode 100644
index 00000000..a881d8b3
--- /dev/null
+++ b/js/routes.js
@@ -0,0 +1,12 @@
+import Router from 'react-router';
+
+import AscribeApp from './components/ascribe_app';
+import ArtworkList from './components/artwork_list';
+
+var Route = Router.Route;
+
+var routes = (
+	<Route handler={AscribeApp}>
+    	<Route path="artworks" handler={ArtworkList} />
+  	</Route>
+);
\ No newline at end of file