diff --git a/.gitignore b/.gitignore
index e8f8341..15f4700 100644
--- a/.gitignore
+++ b/.gitignore
@@ -63,9 +63,9 @@ target/
 *.db
 
 # Node.js modules
-platforms/desktop/src/node_modules
-platforms/mobile/src/node_modeules
+platforms/desktop/src/clients/admin/static/assets/components
+# platforms/desktop/src/clients/admin/static/assets/components
 
 # Platform builds
-platforms/desktop/dist
-platforms/mobiles/dist
\ No newline at end of file
+# platforms/desktop/dist
+# platforms/mobiles/dist
\ No newline at end of file
diff --git a/assets/js/components/angular/angular.js b/assets/js/components/angular/angular.js
new file mode 100644
index 0000000..e69de29
diff --git a/platforms/desktop/src/clients/admin/.bowerrc b/platforms/desktop/src/clients/admin/.bowerrc
new file mode 100644
index 0000000..72b8d43
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/.bowerrc
@@ -0,0 +1,3 @@
+{
+	"directory" : "static/assets/components"
+}
\ No newline at end of file
diff --git a/platforms/desktop/src/clients/admin/bower.json b/platforms/desktop/src/clients/admin/bower.json
new file mode 100644
index 0000000..cbf958c
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/bower.json
@@ -0,0 +1,17 @@
+{
+  "name": "angular-material-starter",
+  "description": "A starter project for AngularJS Material",
+  "version": "0.0.1",
+  "homepage": "https://github.com/angular/material-start",
+  "license": "MIT",
+  "private": true,
+  "dependencies": {
+    "angular": "master",
+    "angular-animate": "master",
+    "angular-aria": "master",
+    "angular-material": "master"
+  },
+  "devDependencies": {
+    "angular-material": "master"
+  }
+}
diff --git a/platforms/desktop/src/clients/admin/main.js b/platforms/desktop/src/clients/admin/main.js
new file mode 100644
index 0000000..e9a9bfe
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/main.js
@@ -0,0 +1,50 @@
+var app = require('app');  // Module to control application life.
+var ipc = require('ipc');
+
+var BrowserWindow = require('browser-window');  // Module to create native browser window.
+var APP_DIR = 'file://' + __dirname;
+var STATIC_DIR = APP_DIR + '/static/';
+
+// Report crashes to our server.
+require('crash-reporter').start();
+
+// Keep a global reference of the window object, if you don't, the window will
+// be closed automatically when the javascript object is GCed.
+var mainWindow = null;
+
+// Quit when all windows are closed.
+app.on('window-all-closed', function() {
+	if (process.platform != 'darwin'){
+		app.quit();
+	}
+});
+
+// This method will be called when Electron has done everything
+// initialization and ready for creating browser windows.
+app.on('ready', function() {
+	// Create the browser window.
+	mainWindow = new BrowserWindow({width: 640, height: 380, frame:false, show:false});
+	
+	// and load the index.html of the app.
+	mainWindow.loadUrl(STATIC_DIR + 'login.html');
+	
+	mainWindow.webContents.on('did-finish-load', function() {
+		mainWindow.show();
+		mainWindow.webContents.send('ping', 'whoooooooh!');
+	});
+	
+	mainWindow.openDevTools();
+	
+	// Emitted when the window is closed.
+	mainWindow.on('closed', function() {
+		// Dereference the window object, usually you would store windows
+		// in an array if your app supports multi windows, this is the time
+		// when you should delete the corresponding element.
+		mainWindow = null;
+	});
+	
+	ipc.on('window-evt', function(event, action) {
+		mainWindow[action]();
+	});
+		
+});
diff --git a/platforms/desktop/src/clients/admin/package.json b/platforms/desktop/src/clients/admin/package.json
new file mode 100644
index 0000000..1258e75
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "citasalud.admin",
+  "version": "0.1.0",
+  "description": "(ADMIN) CitaSalud - Gestión de citas y diagnóstico",
+  "main": "main.js",
+  "scripts": {
+    "postinstall": "bower update"
+  },
+  "author": "Richard Cotrina <rcotrina@pytel.pe>",
+  "license": "ISC",
+  "devDependencies": {},
+  "dependencies": {}
+}
\ No newline at end of file
diff --git a/platforms/desktop/src/clients/admin/static/assets/css/app.css b/platforms/desktop/src/clients/admin/static/assets/css/app.css
new file mode 100644
index 0000000..cbcfb89
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/assets/css/app.css
@@ -0,0 +1,15 @@
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size:14px;
+  height:100%;
+  margin: 0px;
+  padding: 0px;
+}
+
+body#login md-input-container.md-icon-float > md-icon {
+  top: 22px;
+}
+
+#login md-input-container.md-icon-float.md-input-focused, md-input-container.md-icon-float.md-input-has-value {
+  margin-top: -16px;
+}
\ No newline at end of file
diff --git a/platforms/desktop/src/clients/admin/static/assets/js/app.js b/platforms/desktop/src/clients/admin/static/assets/js/app.js
new file mode 100644
index 0000000..8591cc7
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/assets/js/app.js
@@ -0,0 +1,76 @@
+ var app = angular.module('citaSalud', ['ngMaterial', 'users'])
+ .config(function($mdThemingProvider, $mdIconProvider){
+	$mdIconProvider
+		.iconSet("action", "assets/components/svg-material-icons/svg-sprite-action.svg", 24)
+		.iconSet("alert", "assets/components/svg-material-icons/svg-sprite-alert.svg", 24)
+		.iconSet("av", "assets/components/svg-material-icons/svg-sprite-av.svg", 24)
+		.iconSet("communication", "assets/components/svg-material-icons/svg-sprite-communication", 24)
+		.iconSet("content", "assets/components/svg-material-icons/svg-sprite-content.svg", 24)
+		.iconSet("device", "assets/components/svg-material-icons/svg-sprite-device.svg", 24)
+		.iconSet("editor", "assets/components/svg-material-icons/svg-sprite-editor.svg", 24)
+		.iconSet("file", "assets/components/svg-material-icons/svg-sprite-file.svg", 24)
+		.iconSet("hardware", "assets/components/svg-material-icons/svg-sprite-hardware.svg", 24)
+		.iconSet("image", "assets/components/svg-material-icons/svg-sprite-image.svg", 24)
+		.iconSet("maps", "assets/components/svg-material-icons/svg-sprite-maps.svg", 24)
+		.iconSet("navigation", "assets/components/svg-material-icons/svg-sprite-navigation.svg", 24)
+		.iconSet("notification", "assets/components/svg-material-icons/svg-sprite-notification.svg", 24)
+		.iconSet("social", "assets/components/svg-material-icons/svg-sprite-social", 24)
+		.iconSet("toggle", "assets/components/svg-material-icons/svg-sprite-toggle.svg", 24);
+	
+	$mdThemingProvider.theme('default')
+		.primaryPalette('blue')
+    	.accentPalette('blue-grey');
+});
+
+app.controller('mainCtrl', function($scope, $mdDialog){
+	
+	var ipc = require('ipc');
+	var messenger = {
+		send : function(event, action) {
+			ipc.send(event, action);
+		}
+	};
+	
+	$scope.loginData = {
+		'username' : 'admin',
+		'password' : 'admin',
+		'remember_pwd' : true
+	};
+	
+	$scope.closeW = function(){
+		messenger.send('window-evt', 'close');
+	};
+	$scope.minW = function(){
+		messenger.send('window-evt', 'minimize');
+		$scope.hide();
+	};
+	
+	$scope.doLogin = function(){
+		$scope.loading();
+	};
+	
+	$scope.loading = function() {
+		var parentEl = angular.element(document.querySelector('#internalw'));
+	    $mdDialog.show({
+		  parent : parentEl,
+	      controller: DialogController,
+	      template: '<md-progress-circular class="md-accent" md-mode="indeterminate"></md-progress-circular>',
+	    })
+	    .then(function(answer) {
+	      $scope.alert = 'You said the information was "' + answer + '".';
+	    }, function() {
+	      $scope.alert = 'You cancelled the dialog.';
+	    });
+		
+	};
+	
+	function DialogController(scope, $mdDialog) {
+	    scope.closeDialog = function() {
+	      $mdDialog.hide();
+	    }
+	  }
+		  
+	$scope.hide = function(){
+		$mdDialog.cancel();
+	}
+});
\ No newline at end of file
diff --git a/platforms/desktop/src/clients/admin/static/assets/js/services/auth.js b/platforms/desktop/src/clients/admin/static/assets/js/services/auth.js
new file mode 100644
index 0000000..e69de29
diff --git a/platforms/desktop/src/clients/admin/static/assets/js/users/UserController.js b/platforms/desktop/src/clients/admin/static/assets/js/users/UserController.js
new file mode 100644
index 0000000..fbd743f
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/assets/js/users/UserController.js
@@ -0,0 +1,96 @@
+(function(){
+
+  angular
+       .module('users')
+       .controller('UserController', [
+          'userService', '$mdSidenav', '$mdBottomSheet', '$log', '$q',
+          UserController
+       ]);
+
+  /**
+   * Main Controller for the Angular Material Starter App
+   * @param $scope
+   * @param $mdSidenav
+   * @param avatarsService
+   * @constructor
+   */
+  function UserController( userService, $mdSidenav, $mdBottomSheet, $log, $q) {
+    var self = this;
+
+    self.selected     = null;
+    self.users        = [ ];
+    self.selectUser   = selectUser;
+    self.toggleList   = toggleUsersList;
+    self.share        = share;
+
+    // Load all registered users
+
+    userService
+          .loadAllUsers()
+          .then( function( users ) {
+            self.users    = [].concat(users);
+            self.selected = users[0];
+          });
+
+    // *********************************
+    // Internal methods
+    // *********************************
+
+    /**
+     * First hide the bottomsheet IF visible, then
+     * hide or Show the 'left' sideNav area
+     */
+    function toggleUsersList() {
+      var pending = $mdBottomSheet.hide() || $q.when(true);
+
+      pending.then(function(){
+        $mdSidenav('left').toggle();
+      });
+    }
+
+    /**
+     * Select the current avatars
+     * @param menuId
+     */
+    function selectUser ( user ) {
+      self.selected = angular.isNumber(user) ? $scope.users[user] : user;
+      self.toggleList();
+    }
+
+    /**
+     * Show the bottom sheet
+     */
+    function share($event) {
+        var user = self.selected;
+
+        $mdBottomSheet.show({
+          parent: angular.element(document.getElementById('content')),
+          templateUrl: 'view/contactSheet.html',
+          controller: [ '$mdBottomSheet', UserSheetController],
+          controllerAs: "vm",
+          bindToController : true,
+          targetEvent: $event
+        }).then(function(clickedItem) {
+          clickedItem && $log.debug( clickedItem.name + ' clicked!');
+        });
+
+        /**
+         * Bottom Sheet controller for the Avatar Actions
+         */
+        function UserSheetController( $mdBottomSheet ) {
+          this.user = user;
+          this.items = [
+            { name: 'Phone'       , icon: 'phone'       , icon_url: './assets/svg/phone.svg'},
+            { name: 'Twitter'     , icon: 'twitter'     , icon_url: './assets/svg/twitter.svg'},
+            { name: 'Google+'     , icon: 'google_plus' , icon_url: './assets/svg/google_plus.svg'},
+            { name: 'Hangout'     , icon: 'hangouts'    , icon_url: './assets/svg/hangouts.svg'}
+          ];
+          this.performAction = function(action) {
+            $mdBottomSheet.hide(action);
+          };
+        }
+    }
+
+  }
+
+})();
diff --git a/platforms/desktop/src/clients/admin/static/assets/js/users/UserService.js b/platforms/desktop/src/clients/admin/static/assets/js/users/UserService.js
new file mode 100644
index 0000000..30ba904
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/assets/js/users/UserService.js
@@ -0,0 +1,58 @@
+(function(){
+  'use strict';
+
+  angular.module('users')
+         .service('userService', ['$q', UserService]);
+
+  /**
+   * Users DataService
+   * Uses embedded, hard-coded data model; acts asynchronously to simulate
+   * remote data service call(s).
+   *
+   * @returns {{loadAll: Function}}
+   * @constructor
+   */
+  function UserService($q){
+    var users = [
+      {
+        name: 'Lia Lugo',
+        avatar: 'svg-1',
+        content: 'I love cheese, especially airedale queso. Cheese and biscuits halloumi cauliflower cheese cottage cheese swiss boursin fondue caerphilly. Cow port-salut camembert de normandie macaroni cheese feta who moved my cheese babybel boursin. Red leicester roquefort boursin squirty cheese jarlsberg blue castello caerphilly chalk and cheese. Lancashire.'
+      },
+      {
+        name: 'George Duke',
+        avatar: 'svg-2',
+        content: 'Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris.'
+      },
+      {
+        name: 'Gener Delosreyes',
+        avatar: 'svg-3',
+        content: "Raw denim pour-over readymade Etsy Pitchfork. Four dollar toast pickled locavore bitters McSweeney's blog. Try-hard art party Shoreditch selfies. Odd Future butcher VHS, disrupt pop-up Thundercats chillwave vinyl jean shorts taxidermy master cleanse letterpress Wes Anderson mustache Helvetica. Schlitz bicycle rights chillwave irony lumberhungry Kickstarter next level sriracha typewriter Intelligentsia, migas kogi heirloom tousled. Disrupt 3 wolf moon lomo four loko. Pug mlkshk fanny pack literally hoodie bespoke, put a bird on it Marfa messenger bag kogi VHS."
+      },
+      {
+        name: 'Lawrence Ray',
+        avatar: 'svg-4',
+        content: 'Scratch the furniture spit up on light gray carpet instead of adjacent linoleum so eat a plant, kill a hand pelt around the house and up and down stairs chasing phantoms run in circles, or claw drapes. Always hungry pelt around the house and up and down stairs chasing phantoms.'
+      },
+      {
+        name: 'Ernesto Urbina',
+        avatar: 'svg-5',
+        content: 'Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo. Bubbli greplin stypi prezi mzinga heroku wakoopa, shopify airbnb dogster dopplr gooru jumo, reddit plickers edmodo stypi zillow etsy.'
+      },
+      {
+        name: 'Gani Ferrer',
+        avatar: 'svg-6',
+        content: "Lebowski ipsum yeah? What do you think happens when you get rad? You turn in your library card? Get a new driver's license? Stop being awesome? Dolor sit amet, consectetur adipiscing elit praesent ac magna justo pellentesque ac lectus. You don't go out and make a living dressed like that in the middle of a weekday. Quis elit blandit fringilla a ut turpis praesent felis ligula, malesuada suscipit malesuada."
+      }
+    ];
+
+    // Promise-based API
+    return {
+      loadAllUsers : function() {
+        // Simulate async nature of real remote calls
+        return $q.when(users);
+      }
+    };
+  }
+
+})();
diff --git a/platforms/desktop/src/clients/admin/static/assets/js/users/Users.js b/platforms/desktop/src/clients/admin/static/assets/js/users/Users.js
new file mode 100644
index 0000000..3c09706
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/assets/js/users/Users.js
@@ -0,0 +1,8 @@
+(function(){
+  'use strict';
+
+  // Prepare the 'users' module for subsequent registration of controllers and delegates
+  angular.module('users', [ 'ngMaterial' ]);
+
+
+})();
diff --git a/platforms/desktop/src/clients/admin/static/assets/js/users/view/contactSheet.html b/platforms/desktop/src/clients/admin/static/assets/js/users/view/contactSheet.html
new file mode 100644
index 0000000..f38fc7a
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/assets/js/users/view/contactSheet.html
@@ -0,0 +1,16 @@
+<md-bottom-sheet class="md-list md-has-header">
+
+    <md-subheader>
+        Contact <span class="name">{{ vm.user.name }}</span>:
+    </md-subheader>
+
+    <md-list>
+      <md-item ng-repeat="item in vm.items">
+        <md-button ng-click="vm.performAction(item)">
+            <md-icon md-svg-icon="{{ item.icon_url }}"></md-icon>
+            {{item.name}}
+        </md-button>
+      </md-item>
+    </md-list>
+
+</md-bottom-sheet>
diff --git a/platforms/desktop/src/clients/admin/static/login.html b/platforms/desktop/src/clients/admin/static/login.html
new file mode 100644
index 0000000..c58fb27
--- /dev/null
+++ b/platforms/desktop/src/clients/admin/static/login.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="es" >
+  <head>
+    <title>citaSalud | Iniciar Sesión</title>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
+
+    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic'>
+    <link rel="stylesheet" href="./assets/components/angular-material/angular-material.css"/>
+    <link rel="stylesheet" href="./assets/css/app.css"/>
+  </head>
+
+  <body id="login" ng-app="citaSalud"  ng-controller="mainCtrl">
+    <md-toolbar style="-webkit-app-region: drag">
+      <div class="md-toolbar-tools">
+        <h2>
+          <span>Iniciar Sesión</span>
+        </h2>
+        <span flex></span>
+        <md-button ng-click="minW()" style="-webkit-app-region: no-drag" class="md-icon-button" aria-label="Minimizar">
+          <md-icon md-svg-icon="navigation:ic_expand_more_24px"></md-icon>
+        </md-button>
+        <md-button ng-click="closeW()" style="-webkit-app-region: no-drag" class="md-icon-button" aria-label="Cerrar">
+          <md-icon md-svg-icon="navigation:ic_close_24px"></md-icon>
+        </md-button>
+      </div>
+    </md-toolbar>
+    <md-content id="internalw" style="padding-top:24px;" layout="column" layout-align="center center">
+      <div layout="column" style="width:60%;">
+        <md-input-container class="md-icon-float">
+          <!-- Use floating label instead of placeholder -->
+          <label>Usuario</label>
+          <md-icon fill="black" md-svg-icon="action:ic_account_box_24px" class="name"></md-icon>
+          <input ng-model="loginData.username" type="text">
+        </md-input-container>
+        <md-input-container class="md-icon-float">
+          <label>Contraseña</label>
+          <md-icon md-svg-icon="action:ic_lock_24px" class="name"></md-icon>
+          <input ng-model="loginData.password" type="password">
+        </md-input-container>
+        <md-input-container>
+          <md-checkbox ng-model="loginData.remember_pwd" aria-label="Recordar contraseña" class="md-primary">
+        Recordarme
+         </md-checkbox>
+         </md-input-container>
+        <md-input-container>
+         <md-button ng-click="doLogin($event)" class="md-raised md-primary">INICIAR SESIÓN</md-button>
+        </md-input-container>
+      </div>
+    </md-content>
+
+    <script src="./assets/components/angular/angular.js"></script>
+    <script src="./assets/components/angular-animate/angular-animate.js"></script>
+    <script src="./assets/components/angular-aria/angular-aria.js"></script>
+    <script src="./assets/components/angular-material/angular-material.js"></script>
+
+    <script src="./assets/js/users/Users.js"></script>
+    <script src="./assets/js/users/UserController.js"></script>
+    <script src="./assets/js/users/UserService.js"></script>
+    <script src="./assets/js/app.js"></script>
+  </body>
+</html>
diff --git a/platforms/desktop/src/package.json b/platforms/desktop/src/package.json
deleted file mode 100644
index 4f4aafb..0000000
--- a/platforms/desktop/src/package.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "name": "CitaSalud",
-  "version": "0.1.0",
-  "description": "CitaSalud - Gestión de citas y diagnóstico",
-  "main": "main.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "Richard Cotrina <rcotrina@pytel.pe>",
-  "license": "ISC",
-  "devDependencies": {
-    "electron-prebuilt": "^0.26.0"
-  }
-}