Skip to content

Francisco-Fetapi/sistema-login-front-end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sistema de Login (com JWT) - Front-end

GitHub stars GitHub license GitHub issues GitHub forks GitHub license

Projeto criado para consolidar os conhecimentos em React na questão da autenticação via JWT (JSON Web Token). No começo da minha jornada no mundo das SPA's eu fazia um monte de gambiarra para autenticar um usuário, uma delas era guardar o "id" do usuario no localStorage e enviar esse "id" a cada requisição, mas isso não era nada seguro, depois de alguns meses aprendi sobre JWT e esse foi o primeiro sisteminha que criei para entendê-lo na prática.

sis-login

Este projeto consome uma API criada com Laravel. Siga os passos para rodar o back-end localmente clicando aqui

Como rodar localmente

O Projeto (apenas o front-end) está hospedado em Sistema de Login - Mesmo na núvem, o projeto consome um back-end local, portanto ele deve ser configurado, siga os passos em Sitema de Login - Back-end para o configurar.
Para acessar localmente em ambiente de desenvolvimento basta realizar as instruções que se seguem:

Pré-Requisitos

Algumas ferramentas são necessárias para rodar o projeto localmente, tais como:

  1. NodeJS
  2. Chrome (ou qualquer outro navegador)

Clonar o repositório

Com o terminal aberto, basta digitar/copiar a linha de código abaixo e clicar ENTER.

git clone https://github.com/Francisco-Fetapi/sistema-login-front-end.git

Instalar as dependencias

O projeto necessita de certas dependencias para ser executado, para instalá-las, abra o terminal, navegue até a pasta do projeto clonado no passo anterior e digite/copie a linha de código abaixo e clique ENTER, em seguida, aguarde o processo de instalação das ferramentas ser concluido.

npm install

Iniciar o projeto

npm start

Rode a aplicação no modo de desenvolvimento com o comando npm start(executar o comando na raiz do projeto). Abra https://localhost:3000 para visualizar o projeto no navegador.

NOTA1: Este projeto necessita de um back-end configurado localmente para funcionar devidamente, siga os passos para configurar o back-end clicando aqui

NOTA2: O back-end não está hospedado pelas seguintes razões:

  1. O heroku, no modo gratuito tem um limite de projetos, eu já atingi o limite.😅
  2. As outras plataformas similares têm politicas que me impossibilitam aderir ao plano gratuito.(falo sobre ter que colocar os dados bancários ao criar a conta mesmo no plano gratuito, o Microsoft Azure é uma delas🙁)
  3. Plataformas para hospedagem de banco de dados também são outro problema, o próprio heroku e o Microsoft Azure são muito bons para hospedagem de bancos de dados, mas por causa da politica do ponto anterior, não consigo aderir a seus planos. (por enquanto😄)