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.
Este projeto consome uma API criada com Laravel
. Siga os passos para rodar o back-end localmente clicando aqui
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:
Algumas ferramentas são necessárias para rodar o projeto localmente, tais como:
- NodeJS
- Chrome (ou qualquer outro navegador)
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
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
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:
- O
heroku
, no modo gratuito tem um limite de projetos, eu já atingi o limite.😅 - 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🙁)
- Plataformas para hospedagem de banco de dados também são outro problema, o próprio
heroku
e oMicrosoft 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😄)