added links to registration and login page, added utf8 charset meta tag, added viewport metatag to prevent zoom on mobile devices

front-ui/app/components/account/login.js

@@ -0,0 +1,10 @@
+var React = require("react");
+
+var Login = React.createClass({
+  render : function() {
+    return (<div>
+      <span className="h3">Login page</span>
+      </div>);
+  }
+})
+module.exports = Login;

front-ui/app/components/account/register.js

@@ -0,0 +1,10 @@
+var React = require("react");
+
+var Register = React.createClass({
+  render : function() {
+    return (<div>
+      <span className="h3">Register page</span>
+      </div>);
+  }
+})
+module.exports = Register;

front-ui/app/components/rootApp.js

@@ -1,7 +1,8 @@
 var React = require('react'),
     SectionsListComponent = require('./shared/sectionsListComponent'),
     Router = require('react-router'),
-    RouteHandler = Router.RouteHandler;
+    RouteHandler = Router.RouteHandler,
+    LoginStatus = require('./shared/loginStatus');
 
 var CartIcon = require('./cart/cartIcon');
 
@@ -15,10 +16,13 @@ var RootApp = React.createClass({
 
 <div className='page-header'>
     <h1 className="main-heading"><a href="#" style={{color: "#cd3071"}}>ribica.ba</a></h1> <CartIcon />
+    <div style={{float:'right'}}>
+      <LoginStatus />
+    </div>
 </div>
 <div className='row'>
     <div className='col-md-12' id='header'>
-    <SectionsListComponent />
+      <SectionsListComponent />
     </div>
 </div>
 <div className='row'>
@@ -26,7 +30,6 @@ var RootApp = React.createClass({
 <RouteHandler />
 
 </div>
-
 </div>
             
             );

front-ui/app/components/shared/loginStatus.js

@@ -0,0 +1,12 @@
+var React = require("react"),
+    Router = require("react-router"),
+    Link = Router.Link;
+
+var LoginStatus = React.createClass({
+  render : function() {
+    return (<div>
+      <Link to="registracija">Registracija</Link> | <Link to="login">Prijava</Link>
+      </div>);
+  }
+})
+module.exports = LoginStatus;