Create pages for front end using generic name

src/ui/Home.js

@@ -1,11 +1,56 @@
 'use strict';
 import React from 'react';
+import Shortid from 'shortid';
 
 export default class Home extends React.Component {
 	render(){
+		let id = Shortid.generate();
+
 		return (
-			<div>
-				Hello world!
+			<div className="container">
+				<div className="row">
+					<div className="twelve columns">
+						<h4>Usage</h4>
+						<p>
+							Notify is a Bash function / alias that will send a notification to a tab in your browser when it's ran:
+						</p>
+					</div>
+				</div>
+				<div className="row">
+					<div className="five columns">
+						<p><code>$ make all; notify Code is done compiling!</code></p>
+						<p>
+							This will wait until the first command completes before running Notify. That way you can go do other things while your long task runs.
+						</p>
+					</div>
+					<div className="six columns">
+						<p><img className="u-max-full-width" src="http://i.imgur.com/TNb5kRQ.gif" /></p>
+					</div>
+				</div>
+				<div className="row">
+					<div className="twelve columns">
+						<h4>Setup</h4>
+						<p>Curl is required to use Notify.</p>
+						<p>Add this line to your <code>.bashrc</code> file:</p>
+						<p>
+							<code>
+								notify() &#123; curl --data "$@" https://notify.com/{id} &#125;
+							</code>
+						</p>
+						<p>Source your <code>.bashrc</code> file to apply the changes:</p>
+						<p><code>$ source .bashrc</code></p>
+						<p>Now, open this link in a new tab:</p>
+						<p><a target="_blank" href={"https://notify.com/"+id}>https://notify.com/{id}</a></p>
+						<p>All done! Bookmark that link so you can find it later since it's unique to you.</p>
+
+						<h4>One-Line Setup</h4>
+						<p>
+							<code>
+								$ echo 'notify() &#123; curl --data "$@" https://notify.com/{id} &#125;' >> ~/.bashrc && source ~/.bashrc
+							</code>
+						</p>
+					</div>
+				</div>
 			</div>
 		);
 	}