diff --git a/package-lock.json b/package-lock.json
index b5e6eff..ca5c7ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2054,6 +2054,37 @@
       "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==",
       "dev": true
     },
+    "axios": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.2.tgz",
+      "integrity": "sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==",
+      "requires": {
+        "follow-redirects": "1.5.10"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "follow-redirects": {
+          "version": "1.5.10",
+          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+          "requires": {
+            "debug": "=3.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
     "babel-eslint": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
@@ -8185,9 +8216,9 @@
       "dev": true
     },
     "path-parse": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz",
-      "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "dev": true
     },
     "path-to-regexp": {
@@ -11116,6 +11147,11 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "vue-the-mask": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/vue-the-mask/-/vue-the-mask-0.11.1.tgz",
+      "integrity": "sha512-UquSfnSWejD0zAfcD+3jJ1chUAkOAyoxya9Lxh9acCRtrlmGcAIvd0cQYraWqKenbuZJUdum+S174atv2AuEHQ=="
+    },
     "vuex": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.1.3.tgz",
diff --git a/package.json b/package.json
index a2ea54f..b99bbc5 100644
--- a/package.json
+++ b/package.json
@@ -8,9 +8,11 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.19.2",
     "core-js": "^3.6.4",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",
+    "vue-the-mask": "^0.11.1",
     "vuex": "^3.1.3"
   },
   "devDependencies": {
diff --git a/public/index.html b/public/index.html
index 4123528..72b92fe 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
+
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   </head>
   <body>
     <noscript>
diff --git a/src/assets/images/background.jpg b/src/assets/images/background.jpg
new file mode 100644
index 0000000..926a397
Binary files /dev/null and b/src/assets/images/background.jpg differ
diff --git a/src/pages/SignIn.vue b/src/pages/SignIn.vue
index 22f700c..a6106d8 100644
--- a/src/pages/SignIn.vue
+++ b/src/pages/SignIn.vue
@@ -1,46 +1,55 @@
 <template>
   <div>
-      <h1>Ola</h1>
+    <h1>Login</h1>
+    <div>
+      <label for>Username</label>
+      <input v-model="username" type="text" />
+    </div>
 
-      <div class="b">
-        <label class="a" for="">Email</label>
-        <input v-bind="email" type="text">
-      </div>
+    <div>
+      <label for>Senha</label>
+      <input v-model="password" type="text" />
+    </div>
 
-      <div class="b">
-        <label class="a" for="">Password</label>
-        <input v-model="password" type="text"> {{email}}
-      </div>
+    <p>Token: {{token}}</p>
 
-      <div class="btn">
-        <button @click="login">Login</button>
-      </div>
+    <button @click="login">Entrar</button>
   </div>
 </template>
 
 <script>
+import { axiosNormal as axios } from "../util/axios";
+
 export default {
   data() {
     return {
-      email: "",
-      password: ""
-    }
+      username: "",
+      password: "",
+      token: ""
+    };
   },
   methods: {
-    login() {
-      alert(this.password)
+    async login() {
+      let data;
+      try {
+        const res = await axios.get("/signin", {
+          params: {
+            username: this.username,
+            password: this.password
+          }
+        });
+
+        data = res.data;
+      } catch (err) {
+        alert("Erro");
+      }
+
+      this.token = data.token;
+
     }
   }
-}
+};
 </script>
 
 <style>
-.a{
-  margin-right: 10px;
-  margin-bottom: 10px;
-}
-.b{
-  margin-right: 10px;
-  margin-bottom: 10px;
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/SignUp.vue b/src/pages/SignUp.vue
new file mode 100644
index 0000000..f0165c9
--- /dev/null
+++ b/src/pages/SignUp.vue
@@ -0,0 +1,539 @@
+<template>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <div class="margin-top d-flex justify-content-center">
+          <div class="body-form">
+            <form @submit="checkForm">
+              <p class="text-center paragraph-white">Criar uma conta</p>
+              <!--Email-->
+              <div :class="classes.email" class="black-input form-group form-padding">
+                <label v-if="!errors.email" for="input-senha label-required">Email</label>
+                <label v-else class="p-login-error">{{errors.email}}</label>
+                <input
+                  @blur="emailIsAvaliable"
+                  v-model="email"
+                  type="text"
+                  class="form-control-lg normal-input black-input"
+                />
+              </div>
+              <!--CPF-->
+              <div :class="classes.cpf" class="black-input form-group form-padding">
+                <label v-if="!errors.cpf" for="input-senha label-required">CPF</label>
+                <label v-else class="p-login-error">{{errors.cpf}}</label>
+
+                <input
+                  @blur="cpfIsUsable"
+                  v-model="cpf"
+                  v-mask="'###.###.###-##'"
+                  type="text"
+                  class="normal-input black-input form-control-lg"
+                />
+              </div>
+              <!-- Senha -->
+              <div :class="classes.inputP" class="black-input form-group form-padding">
+                <label v-if="!errors.password" for="p-error input-senha label-required">Senha</label>
+                <label v-else :class="classes.password" for="input-senha label-required">{{errors.password}}</label>
+              
+                <span @click="showPassword" class="ti-eye eye-icon-span"></span>
+                <input
+                  @input="passwordIsUsable"
+                  v-model="password"
+                  type="password"
+                  id="password"
+                  class="normal-input  form-control-lg"
+                />
+              </div>
+
+              <div :class="classes.confirmPassword" class="black-input form-group form-padding">
+                <label v-if="!errors.confirmPassword" for="input-senha label-required">Confirme sua senha</label>
+                <label v-else class="p-login-error">{{errors.confirmPassword}}</label>
+                <input
+                  @input="passwordIsEqual"
+                  v-model="confirmPassword"
+                  type="password"
+                  id="confirmPassword"
+                  class="normal-input form-control-lg"
+                />
+              </div>
+
+              <!--Botão Entrar-->
+              <div class="form-group form-padding">
+                <button
+                  type="submit"
+                  name="btn-entrar"
+                  class="btn bg-primary btn-block btn-lg"
+                >Entrar</button>
+              </div>
+
+              <!-- Texto você já possui conta e link -->
+              <p class="blue-text">
+                <router-link :to="{name: 'sign-in'}">Ja possui uma conta?</router-link>
+              </p>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mask } from "vue-the-mask";
+import {axiosNormal as axios} from "../util/axios";
+
+export default {
+  data() {
+    return {
+      errors: { cpf: null, email: null, password: null, confirmPassword: null },
+      cpf: "",
+      email: "",
+      password: "",
+      confirmPassword: "",
+      passwordStrength: {letter: false, number: false, special: false, lowerCaseLetter: false},
+      classes: {
+        email: "",
+        password: "",
+        confirmPassword: "",
+        cpf: "",
+        inputP: ""
+      }
+    };
+  },
+  methods: {
+    async emailIsAvaliable() {
+      const res = await axios.get("email-is-avaliable", {
+        params: {
+          email: this.email
+        }
+      });
+      const isUsable = this.emailIsUsable();
+      if (!isUsable) return;
+      if (res.data.isInUse == true) {
+        this.classes.email = "error";
+        this.errors.email = "Email em uso";
+        return;
+      }
+      this.classes.email = "success-input";
+      this.errors.email = "";
+    },
+    showPassword(){
+      const inputPassword = document.querySelector("#password");
+      const inputConfirmPassword = document.querySelector("#confirmPassword");
+      if(inputPassword.type === "text"){
+        inputPassword.type = "password";
+        inputConfirmPassword.type = "password";
+      }
+      else{
+        inputPassword.type = "text";
+        inputConfirmPassword.type = "text";
+      }
+      
+    },
+    passwordIsUsable() {
+      this.confirmPassword = "";
+      this.classes.confirmPassword = "";
+      this.errors.confirmPassword = "";
+      if (this.password === "") {
+        this.classes.password = "";
+        this.errors.password = "";
+        this.classes.inputP = ""
+        return;
+      }
+      //TODO: caracteres especiais também?
+      if (this.password.length <= 5) {
+        this.classes.password = "p-login-error";
+        this.errors.password = "Senha - Minimo de cinco caracteres";
+        this.classes.inputP = "error"
+        // this.classes.errors = "Senha - Minimo de cinco caracteres";
+        return;
+      }
+      this.errors.password = "";
+      this.securePassword();
+      let number = 0;
+      if(this.passwordStrength.letter){
+      number += 1;
+      }
+      if(this.passwordStrength.number){
+        number += 1;
+      }
+      if(this.passwordStrength.special){
+        number += 1;
+      }
+      if(this.passwordStrength.lowerCaseLetter){
+        number += 1;
+      }
+      if(number <= 2){
+        this.errors.password = "Senha - Senha fraca!";
+        this.classes.password = "p-login-error";
+        this.classes.inputP = "error";
+      }
+      else if(number === 3){
+        this.errors.password = "Senha - Senha Média!";
+        this.classes.password = "p-password-waring";
+        this.classes.inputP = "p-login-warning"
+      }
+      else if(number === 4){
+        this.errors.password = "Senha - Senha Forte!";
+        this.classes.password = "p-password-success";
+        this.classes.inputP = "success-input"
+      }
+      
+    },
+    emailIsUsable() {
+      if (this.email === "") {
+        this.classes.email = "";
+        this.errors.email = "";
+        return false;
+      }
+      if (!this.validateEmail()) {
+        return false;
+      }
+      //MOVE this to function above ?
+      this.classes.email = "success-input";
+      this.errors.email = "";
+      return true;
+    },
+    passwordIsEqual() {
+      if (this.confirmPassword === "") {
+        this.errors.confirmPassword = "";
+        this.classes.confirmPassword = "";
+        return;
+      }
+      if (this.password === this.confirmPassword) {
+        this.classes.confirmPassword = "success-input";
+        this.errors.confirmPassword = "";
+        return;
+      }
+      this.classes.confirmPassword = "error";
+      this.errors.confirmPassword = "Senha - Senhas diferentes!";
+    },
+    async cpfIsUsable() {
+      if (this.cpf === "") {
+        this.classes.cpf = "";
+        this.errors.cpf = "";
+        return;
+      }
+      if (!this.validateCpf()) {
+        this.classes.cpf = "error";
+        this.errors.cpf = "CPF - Inválido!";
+        return;
+      }
+      //Verificar se o cpf esta cadastrado no sistema
+      const res = await axios.get("cpf-is-avaliable", {
+        params: {
+          cpf: this.cpf
+        }
+      });
+      if (res.data.isInUse == true) {
+        this.classes.cpf = "error";
+        this.errors.cpf = "CPF - Em uso";
+        return;
+      }
+      this.classes.cpf = "";
+      this.errors.cpf = "";
+      this.classes.cpf = "success-input";
+    },
+    validateCpf() {
+      //TODO: Algoritmo não muito bom, essas entradas passam! ps: mudar padrão para ingles 222222222, 3333333...
+      const strCPF = this.cpf.replace(/\D/g, "");
+      let Soma, Resto, i;
+      Soma = 0;
+      if (strCPF == "00000000000") return false;
+      if (strCPF == "11111111111") return false;
+      for (i = 1; i <= 9; i++)
+        Soma = Soma + parseInt(strCPF.substring(i - 1, i)) * (11 - i);
+      Resto = (Soma * 10) % 11;
+      if (Resto == 10 || Resto == 11) Resto = 0;
+      if (Resto != parseInt(strCPF.substring(9, 10))) return false;
+      Soma = 0;
+      for (i = 1; i <= 10; i++)
+        Soma = Soma + parseInt(strCPF.substring(i - 1, i)) * (12 - i);
+      Resto = (Soma * 10) % 11;
+      if (Resto == 10 || Resto == 11) Resto = 0;
+      if (Resto != parseInt(strCPF.substring(10, 11))) return false;
+      return true;
+    },
+    checkForm: async function(e) {
+      e.preventDefault();
+      // Mandar para o backend
+    //   if (
+    //     this.errors.email !== "" ||
+    //     this.errors.cpf !== "" ||
+    //     this.errors.confirmPassword !== ""
+    //     // this.errors.password !== ""
+    //   ) {
+    //     console.log("algum campo precisa ser preenchido");
+    //     return;
+    //   }
+      //TODO: aceitar senhas fracas!
+      const data = {
+        cpf: this.cpf,
+        email: this.email,
+        password: this.password
+      };
+      let res;
+      try {
+        res = await axios.post("sign-up", data);
+      } catch (err) {
+        console.log(err);
+      }
+      const userData = res.data;
+      if (userData.status == -1) {
+        console.log("erro");
+        //error: "User already signedUp"
+        //TODO: visual
+        return;
+      }
+      userData.cpfUser = data.cpf;
+      userData.emailUser = data.email;
+      this.$store.dispatch("login", userData);
+    },
+    securePassword() {
+      const letterPattern = /[A-Z]/;
+      const numberPattern = /[0-9]/;
+      const specialCaracterPattern = /[&._-]/ 
+      const lowerCaseLetter =  /[a-z]/
+      
+      if(lowerCaseLetter.test(this.password)){
+        this.passwordStrength.lowerCaseLetter = true;
+      }
+      else{
+        this.passwordStrength.lowerCaseLetter = false;        
+      }
+      if(letterPattern.test(this.password)){
+        this.passwordStrength.letter = true;
+      }
+      else{
+        this.passwordStrength.letter = false;
+      }
+      if(numberPattern.test(this.password)){
+        this.passwordStrength.number = true;
+      }
+      else{
+        this.passwordStrength.number = false;
+      }
+      if(specialCaracterPattern.test(this.password)){
+        this.passwordStrength.special = true;
+      }
+      else{
+        this.passwordStrength.special = false;
+      }
+    },
+    validateEmail() {
+      const re = /^(([^<>()\\.,;:\s@"]+(\.[^<>()\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+      if (!re.test(this.email.toLowerCase())) {
+        this.classes.email = "error";
+        this.errors.email = "Email - Por favor, digite um email valido";
+        return false;
+      } else if (this.email.length > 0) {
+        this.classes.email = "";
+        this.errors.email = false;
+        return true;
+      }
+    },
+    verifyEmpty(name) {
+      if (this[name] === "" && this.classes[name].length === 0) {
+        this.classes[name].push("error");
+        this.errors[name] = "Por favor, prencha esse campo";
+        return true;
+      } else if (this[name] !== "") {
+        this.classes[name].pop();
+        this.errors[name] = false;
+      }
+      return false;
+    }
+  },
+  mounted() {
+    document.body.classList.add("body-img");
+  },
+  destroyed() {
+    document.body.classList.remove("body-img");
+  },
+  directives: { mask }
+};
+</script>
+
+<style scoped>
+@import url("https://fonts.googleapis.com/css?family=Be+Vietnam|Mansalva&display=swap");
+.p-password-waring {
+    color: #ccbc05;
+}
+.p-password-success{
+  color: #169616
+}
+.eye-icon-span {
+  float: right;
+  margin-right: 10px;
+  margin-top: -0px;
+  position: relative;
+  z-index: 2;
+  top: 44px;
+}
+.p-login-error {
+  color: #ce1a1a
+}
+.success-input input {
+  margin: 0 auto;
+  outline: none; /* Remove default outline and use border or box-shadow */
+  border: none !important;
+  outline: none;
+  box-shadow: 0 0 0 2px #0d5d0d;
+  color: #351e1e;
+}
+.p-login-warning input {
+  margin: 0 auto;
+  outline: none; /* Remove default outline and use border or box-shadow */
+  border: none !important;
+  outline: none;
+  box-shadow: 0 0 0 2px #807714;
+  color: #351e1e;
+}
+.p-login-warning input[type="text"]:focus,
+.p-login-warning input[type="password"]:focus,
+.p-login-warning input[type="text"]:focus {
+  margin: 0 auto !important;
+  outline: none !important; /* Remove default outline and use border or box-shadow */
+  border: none !important;
+  background-color: #343a40 !important;
+  /* color: green !important; */
+  box-shadow: 0 0 0 2px #ccbc05 !important;
+}
+.success-input input[type="text"]:focus,
+.success-input input[type="password"]:focus,
+.success-input input[type="text"]:focus {
+  margin: 0 auto !important;
+  outline: none !important; /* Remove default outline and use border or box-shadow */
+  border: none !important;
+  background-color: #343a40 !important;
+  /* color: green !important; */
+  box-shadow: 0 0 0 2px #169616 !important;
+}
+.margin-top {
+  margin-top: 70px;
+}
+.label-required::after {
+  content: "*";
+  color: red;
+}
+.label-required {
+  width: 100%;
+}
+.align-center {
+  display: flex;
+  justify-content: center;
+}
+.btn-form {
+  margin-top: 15px;
+  width: 100%;
+}
+.button-submit {
+  width: 100%;
+  color: #fff;
+  background-color: green;
+  border-color: transparent;
+  border-radius: 0.25rem;
+}
+.header-main {
+  background-color: #343a40;
+}
+.bg-primary {
+  color: #fff;
+  cursor: pointer;
+}
+.paragraph-white {
+  color: #dcddde;
+  font-size: 25px;
+  font-family: "Be Vietnam", cursive;
+}
+label {
+  color: #8e9297;
+}
+.blue-text {
+  color: #007bff;
+  text-align: center;
+}
+.black-input input[type="text"],
+.black-input input[type="email"],
+.black-input input[type="password"],
+.black-input textarea {
+  background-color: #d1d1d1;
+  font-size: 16px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  border-radius: 3px;
+  color: #e9e9e9;
+  background-color: #343a40;
+  border: 1px solid #212327;
+  display: block;
+}
+.normal-input:focus,
+.normal-input:focus,
+.normal-input:focus {
+  margin: 0 auto;
+  outline: none; /* Remove default outline and use border or box-shadow */
+  border: none;
+  background-color: #343a40;
+  color: #e9e9e9;
+  box-shadow: 0 0 0 2px gray; /* Full freedom. (works also with border-radius) */
+}
+.error input {
+  margin: 0 auto;
+  outline: none; /* Remove default outline and use border or box-shadow */
+  border: none !important;
+  outline: none;
+  box-shadow: 0 0 0 2px #633333;
+  color: #b93333;
+}
+.error input[type="text"]:focus,
+.error input[type="password"]:focus,
+.error input[type="text"]:focus {
+  margin: 0 auto !important;
+  outline: none !important; /* Remove default outline and use border or box-shadow */
+  border: none !important;
+  background-color: #343a40 !important;
+  color: #e9e9e9 !important;
+  box-shadow: 0 0 0 2px rgb(148, 34, 34) !important;
+}
+/* Custom, iPhone Retina */
+/* Extra Small Devices, Phones */
+@media only screen and (max-width: 400px) {
+  .body-img {
+    background-color: #2d2f34 !important;
+    background-image: none;
+  }
+  .body-form {
+    font-family: " !importantBe Vietnam", sans-serif;
+    padding: 5px;
+    /* border-radius: 1rem; */
+    width: 500px;
+  }
+  .form-padding {
+    padding: 0px;
+    margin: 0px;
+  }
+}
+/* Medium Devices, Desktops */
+@media only screen and (min-width: 400px) {
+  .body-img {
+    background-color: #343a40;
+    /* background-image: url("https://i.imgur.com/M3ioWqh.jpg") !important; */
+    background-image: url("~@/assets/images/background.jpg");
+  }
+  .form-padding {
+    padding: 5px 15px;
+  }
+  .body-form {
+    font-family: "Be Vietnam", sans-serif;
+    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
+    border-radius: 5px;
+    background-color: #343a40;
+    padding: 18px;
+    padding-bottom: 0px;
+    /* border-radius: 1rem; */
+    width: 500px;
+    height: 580px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/routes/index.js b/src/routes/index.js
index e23535a..39e6bb8 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -1,20 +1,26 @@
-import Vue from "vue";
-import Router from "vue-router";
-
-import HelloWorld from '@/components/HelloWorld'
-import SignIn from '@/pages/SignIn'
-
-
-Vue.use(Router);
-
-export default new Router({
-    routes: [{
-        path: '/',
-        name: 'HelloWorld',
-        component: HelloWorld,
-    }, {
-        path: '/entrar',
-        name: 'sign-in',
-        component: SignIn,
-    }]
-})
\ No newline at end of file
+import Vue from "vue";
+import Router from "vue-router";
+
+import HelloWorld from '@/components/HelloWorld'
+import SignIn from '@/pages/SignIn'
+import SignUp from '@/pages/SignUp'
+
+Vue.use(Router);
+
+export default new Router({
+    routes: [{
+        path: '/',
+        name: 'HelloWorld',
+        component: HelloWorld,
+    }, 
+    {
+        path: '/entrar',
+        name: 'sign-in',
+        component: SignIn,
+    },
+    {
+        path: '/registrar',
+        name: 'sign-up',
+        component: SignUp,
+    },
+]})
\ No newline at end of file
diff --git a/src/util/axios.js b/src/util/axios.js
index 162e651..bad7ed3 100644
--- a/src/util/axios.js
+++ b/src/util/axios.js
@@ -1,17 +1,17 @@
-import axios from 'axios';
-
-const headers = {
-    'Content-Type': 'application/json',
-};
-
-export const axiosNormal = axios.create({
-    baseURL: `http://localhost:3000/`,
-    //baseURL: `http://131.108.54.142:3000/`,
-    headers: headers
-});
-
-export const axiosAuthenticated = axios.create({
-    // baseURL: `http://localhost:3000/api/user`,
-    // baseURL: `http://131.108.54.142:3000/api/user`,
-    headers: headers
+import axios from 'axios';
+
+const headers = {
+    'Content-Type': 'application/json',
+};
+
+export const axiosNormal = axios.create({
+    baseURL: `http://localhost:3000/`,
+    //baseURL: `http://131.108.54.142:3000/`,
+    headers: headers
+});
+
+export const axiosAuthenticated = axios.create({
+    // baseURL: `http://localhost:3000/api/user`,
+    // baseURL: `http://131.108.54.142:3000/api/user`,
+    headers: headers
 });
\ No newline at end of file
