Creating the initial frameowkr for a new tool

client/spellsort/navbar/navbar.jsx

@@ -0,0 +1,21 @@
+var React = require('react');
+var _ = require('lodash');
+
+var Nav = require('naturalcrit/nav/nav.jsx');
+
+var Navbar = React.createClass({
+	render : function(){
+		return <Nav.base>
+			<Nav.section>
+				<Nav.logo />
+				<Nav.item href='/spellsort' className='spellsortLogo'>
+					<div>Spellsort</div>
+				</Nav.item>
+				<Nav.item>v0.0.0</Nav.item>
+			</Nav.section>
+			{this.props.children}
+		</Nav.base>
+	}
+});
+
+module.exports = Navbar;

client/spellsort/navbar/navbar.less

@@ -0,0 +1,16 @@
+
+.spellsort nav{
+	.spellsortLogo{
+		.animate(color);
+		font-family : CodeBold;
+		font-size   : 12px;
+		color       : white;
+		div{
+			margin-top    : 2px;
+			margin-bottom : -2px;
+		}
+		&:hover{
+			color : @teal;
+		}
+	}
+}

client/spellsort/spellsort.jsx

@@ -0,0 +1,33 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var Nav = require('naturalcrit/nav/nav.jsx');
+var Navbar = require('./navbar/navbar.jsx');
+
+var SplitPane = require('naturalcrit/splitPane/splitPane.jsx');
+
+var SpellSort = React.createClass({
+
+	handleSplitMove : function(){
+
+	},
+
+	render : function(){
+		return <div className='spellsort page'>
+			<Navbar>
+
+			</Navbar>
+			<div className='content'>
+				<SplitPane onDragFinish={this.handleSplitMove} ref='pane'>
+
+					<div>pane 1</div>
+					<div>pane 2</div>
+
+				</SplitPane>
+			</div>
+		</div>
+	}
+});
+
+module.exports = SpellSort;

client/spellsort/spellsort.less

@@ -0,0 +1,4 @@
+@import 'naturalcrit/styles/core.less';
+.spellsort{
+
+}

gulpfile.js

@@ -8,6 +8,7 @@ var gulp = vitreumTasks(gulp, {
 	entryPoints: [
 		'./client/main',
 		'./client/homebrew',
+		'./client/spellsort',
 		'./client/admin'
 	],
 

server.js

@@ -46,6 +46,9 @@ app = require('./server/homebrew.api.js')(app);
 app = require('./server/homebrew.server.js')(app);
 
 
+//Populate Spellsort routes
+app = require('./server/spellsort.server.js')(app);
+
 
 app.get('*', function (req, res) {
 	vitreumRender({

server/homebrew.server.js

@@ -7,15 +7,6 @@ var HomebrewModel = require('./homebrew.model.js').model;
 
 module.exports = function(app){
 
-	/*
-	app.get('/homebrew/new', function(req, res){
-		var newHomebrew = new HomebrewModel();
-		newHomebrew.save(function(err, obj){
-			return res.redirect('/homebrew/edit/' + obj.editId);
-		})
-	})
-	*/
-
 
 	//Edit Page
 	app.get('/homebrew/edit/:id', function(req, res){

server/spellsort.server.js

@@ -0,0 +1,21 @@
+var _ = require('lodash');
+var vitreumRender = require('vitreum/render');
+
+
+module.exports = function(app){
+	app.get('/spellsort*', (req, res)=>{
+		vitreumRender({
+			page: './build/spellsort/bundle.dot',
+			globals:{},
+			prerenderWith : './client/spellsort/spellsort.jsx',
+			initialProps: {
+				url: req.originalUrl,
+			},
+			clearRequireCache : !process.env.PRODUCTION,
+		}, function (err, page) {
+			return res.send(page)
+		});
+	});
+
+	return app;
+};