diff --git a/package.json b/package.json
index 0d1de282..474da065 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "react-router": "^2.4.1",
     "redux": "^3.5.2",
     "redux-form": "^5.2.5",
-    "redux-thunk": "^2.1.0"
+    "redux-thunk": "^2.1.0",
+    "shortid": "^2.2.6"
   }
 }
diff --git a/server/controllers/project.controller.js b/server/controllers/project.controller.js
index b93c2e95..9f9c6c01 100644
--- a/server/controllers/project.controller.js
+++ b/server/controllers/project.controller.js
@@ -8,6 +8,7 @@ export function createProject(req, res) {
 		}, function(err, newProject) {
 			if (err) { return res.json({success: false}) }
 			return res.json({
+				id: newProject._id,
 				name: newProject.name,
 				file: {
 					name: newProject.file.name,
diff --git a/server/models/project.js b/server/models/project.js
index 046b4bae..44364251 100644
--- a/server/models/project.js
+++ b/server/models/project.js
@@ -1,5 +1,6 @@
 import mongoose from 'mongoose';
 const Schema = mongoose.Schema;
+import shortid from 'shortid';
 
 const fileSchema = new Schema({
 	name: {type: String, default: 'sketch.js'},
@@ -9,7 +10,8 @@ const fileSchema = new Schema({
 const projectSchema = new Schema({
 	name: {type: String, default: "Hello p5.js, it's the server"},
 	user: {type: Schema.Types.ObjectId, ref: 'User'},
-	file: {type: fileSchema}
+	file: {type: fileSchema},
+	_id: {type: String, default: shortid.generate}
 }, {timestamps: true});
 
 export default mongoose.model('Project', projectSchema);
\ No newline at end of file
diff --git a/shared/containers/IDEView/IDEView.jsx b/shared/containers/IDEView/IDEView.jsx
index fc27642f..bd8b9f3e 100644
--- a/shared/containers/IDEView/IDEView.jsx
+++ b/shared/containers/IDEView/IDEView.jsx
@@ -13,6 +13,8 @@ class IDEView extends React.Component {
 		return (
 			<div className="ide">
 				<Nav user={this.props.user}
+						 project={this.props.project}
+						 file={this.props.file}
 						 createProject={this.props.createProject}
 						 saveProject={this.props.saveProject}/>
 				<Toolbar 
diff --git a/shared/redux/actions/index.js b/shared/redux/actions/index.js
index 57d2ba83..49c1b246 100644
--- a/shared/redux/actions/index.js
+++ b/shared/redux/actions/index.js
@@ -66,8 +66,9 @@ export function saveProject() {
 	// 			type: ActionTypes.PROJECT_SAVE_FAIL
 	// 		}));
 	// }
-	return function(dispatch) {
-
+	return function(dispatch, getState) {
+		var state = getState();
+		
 	}
 }
 
@@ -78,8 +79,14 @@ export function createProject() {
 			.then(response => {
 				dispatch({
 					type: ActionTypes.NEW_PROJECT,
-					name: response.data.name
+					name: response.data.name,
+					id: response.data.id,
+					file: {
+						name: response.data.file.name,
+						content: response.data.file.content
+					}
 				});
+				browserHistory.push('/' + response.data.id);
 			})
 			.catch(response => dispatch({
 				type: ActionTypes.PROJECT_SAVE_FAIL
diff --git a/shared/redux/reducers/files.js b/shared/redux/reducers/files.js
index 59656233..35b6f912 100644
--- a/shared/redux/reducers/files.js
+++ b/shared/redux/reducers/files.js
@@ -18,6 +18,11 @@ const file = (state = initialState, action) => {
 				name: action.name,
 				content: action.content
 			}
+		case ActionTypes.NEW_PROJECT:
+			return {
+				name: action.file.name,
+				content: action.file.conent
+			}
 		default:
 			return state
 	}
diff --git a/shared/redux/reducers/project.js b/shared/redux/reducers/project.js
index 35d68ff2..a95916e7 100644
--- a/shared/redux/reducers/project.js
+++ b/shared/redux/reducers/project.js
@@ -12,6 +12,7 @@ const project = (state = initialState, action) => {
 			}
 		case ActionTypes.NEW_PROJECT:
 			return {
+				id: action.id,
 				name: action.name
 			}
 		default: