Created a project structure and build system with basic layout design.

assets/js/WakaTime.js

@@ -0,0 +1,6 @@
+/**
+ * I think that I am going to need this.
+ */
+class WakaTime {
+
+}

assets/js/app.js

@@ -0,0 +1,11 @@
+/* This is a fix for Bootstrap requiring jQuery */
+global.jQuery = require('jquery');
+require('bootstrap');
+
+var React = require('react');
+var WakaTime = require('./components/WakaTime.react');
+
+React.render(
+    <WakaTime />,
+    document.getElementById('wakatime')
+);

assets/js/components/MainList.react.js

@@ -0,0 +1,34 @@
+var React = require('react');
+
+class MainList extends React.Component
+{
+    componentDidMount()
+    {
+
+    }
+
+    render()
+    {
+        return(
+            <div className="list-group">
+                <a href="#" className="list-group-item">
+                    Options
+                </a>
+                <a href="#" className="list-group-item">
+                    Custom Rules
+                </a>
+                <a href="#" className="list-group-item">
+                    Dashboard
+                </a>
+                <a href="#" className="list-group-item">
+                    Login
+                </a>
+                <a href="#" className="list-group-item">
+                    Logout
+                </a>
+          </div>
+        );
+    }
+}
+
+export default MainList;

assets/js/components/Navbar.react.js

@@ -0,0 +1,54 @@
+var React = require('react');
+
+class Navbar extends React.Component{
+
+    render() {
+
+        return (
+            <nav className="navbar navbar-default" role="navigation">
+                <div className="container-fluid">
+                    <div className="navbar-header">
+                        <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+                            <span className="sr-only">Toggle navigation</span>
+                            <i className="fa fa-fw fa-cogs"></i>
+                        </button>
+                        <a target="_blank" className="navbar-brand" href="https://wakatime.com">
+                            WakaTime
+                            <img src="graphics/wakatime-logo-48.png" />
+                        </a>
+                    </div>
+                    <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                        <ul className="nav navbar-nav">
+                            <li>
+                                <a href="#">Singed in as Mark Otto</a>
+                            </li>
+
+                            <li className="dropdown">
+                                <a href="#" className="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+                                    <i className="fa fa-fw fa-info"></i>
+                                    About
+                                    <span className="caret"></span>
+                                </a>
+                                <ul className="dropdown-menu" role="menu">
+                                    <li>
+                                        <a target="_blank" href="https://github.com/wakatime/chrome-wakatime/issues">
+                                            <i className="fa fa-fw fa-bug"></i>
+                                            Report an Issue</a>
+                                    </li>
+                                    <li>
+                                        <a target="_blank" href="https://github.com/wakatime/chrome-wakatime">
+                                            <i className="fa fa-fw fa-github"></i>
+                                            View on GitHub</a>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </nav>
+        );
+    }
+
+}
+
+export default Navbar;

assets/js/components/WakaTime.react.js

@@ -0,0 +1,30 @@
+var React = require("react");
+
+var NavBar = require('./NavBar.react');
+var MainList = require('./MainList.react');
+
+class WakaTime extends React.Component
+{
+    componentDidMount()
+    {
+
+    }
+
+    render()
+    {
+        return(
+            <div>
+                <NavBar />
+                <div className="container">
+                    <div className="row">
+                        <div className="col-md-12">
+                            <MainList />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default WakaTime;