jpcchaves / invision-front

Invision Front-end

Este projeto foi desenvolvido com o intuito de replicar o design das páginas de Login e Registro do modelo Invision.

Stack utilizada

Front-end: React, TypeScript, TailwindCSS, Formik e Yup

Rodando localmente

Clone o projeto

  git clone https://github.com/jpcchaves/invision-front.git

Entre no diretório do projeto

  cd invision-front

Instale as dependências

  npm install // yarn

Inicie o servidor

  npm run dev // yarn run dev

Deploy

Foi realizado o deploy do projeto na plataforma Netlify, segue o link abaixo:

    https://invision-front.netlify.app/

Aprendizados

Este projeto me ajudou a praticar ainda mais minhas habilidades com React, TypeScript e TailwindCSS.

Melhorias

1 - Realizar componentizações de trechos de códigos repetitivos para otimizar o código e tornar os componentes menos encapsulados e mais manuteníveis.

2 - Integrar o projeto com um Back-End real, desenvolvido por mim na linguagem Java utilizando o framework Spring Boot.

Apêndice

Como observação, acrescento que as mensagens de validação dos campos do formulário foram propositalmente adicionada em Inglês para manter a consistência de projeto. Caso fosse necessário adicionar as mensagens traduzidas, bastaria apenas realizar uma breve alteração na validação feita pelo Yup.