diff --git a/frontend/src/index.html b/frontend/src/index.html
index 4572a0e0e..ab1086a15 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -1,5 +1,5 @@
-
+
-
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/scripts.js b/frontend/src/scripts.js
new file mode 100644
index 000000000..49a5728a0
--- /dev/null
+++ b/frontend/src/scripts.js
@@ -0,0 +1,52 @@
+var appCreditas = angular.module('appCreditas', []);
+appCreditas.controller('appCreditasCtrl', ['$scope', '$http', function ($scope, $http) {
+
+ /**
+ * Funcao ng-click ao clicar no botao
+ * @param este parametro representa o valor inserido pelo usuario
+ */
+ $scope.enviaMensagem = function(mensagem) {
+ var conversa = document.querySelector("#conversa");
+ conversa.appendChild(listaMensagem(mensagem));
+
+ /***
+ //* Para comunicacao cliente-servidor
+ $scope.enviaServidor(mensagem);
+ */
+ }
+
+ /**
+ * Funcao para comunicacao com o servidor
+ * realizando requisição POST e enviando uma estrutura de dados
+ * contendo
+ * @param este parametro representa o valor inserido pelo usuario
+ */
+ $scope.enviaServidor = function (mensagem) {
+ var baseUrl = 'URL';
+ var dataObj = {
+ mensagem : mensagem
+ };
+ var res = $http.post(baseUrl, mensagem);
+ res.success(function(data, status, headers, config){
+ console.log(status);
+ console.log(data);
+ });
+ res.error(function(data, status, headers, config){
+ $scope.ResponseDetails = "Data: " + data +
+ "
status: " + status +
+ "
headers: " + header +
+ "
config: " + config;
+ });
+ }
+
+ /**
+ * Funcao de listagem de mensagens, criando elemento <"li">
+ * @param este parametro representa o valor inserido pelo usuario
+ */
+ function listaMensagem(mensagem) {
+ var montaMensagem = document.createElement("li");
+ montaMensagem.textContent = mensagem;
+ return montaMensagem;
+ };
+
+}]);