Você pode acessar o aplicativo pronto aqui (aviso: o back-end pode estar dormindo e levar um tempo para responder!):
https://mateuskreuch.github.io/desafiobridge/
Hospedado com GitHub Pages e back4app.
- React com TypeScript (através do Vite)
- Spring Boot
- emotion.css para CSS-in-JS
- color-rgba para extrair o RGBA do CSS e injetar na animação WebGL
- react-router-dom para roteamento (pensando em escalabilidade futura)
- Armazene e apresente o histórico dos números informados pelo usuário junto com seus respectivos resultados
- Defina limites e validações para que a aplicação não apresente erros
- Publique sua solução em um cloud provider (exemplo: Heroku) e nos forneça o link de acesso
- Realize testes unitários
Há uma animação na aplicação que, apesar de eu ter garantido que roda em um computador jurássico, pode causar problemas de performance em computadores ainda mais antigos ou com telas 4K. Por isso, você pode pausar a animação no canto direito superior, se necessário.
Você vai precisar do seguinte:
Depois, clone ou baixe o projeto e abra um terminal na pasta raiz. Em seguida, rode:
cd frontend
npm install
Pronto!
Para rodar o front-end, abra um terminal na pasta raiz do projeto e rode:
cd frontend
npm run dev
Para rodar o back-end, abra outro terminal na pasta raiz do projeto e rode:
cd backend
mvnw spring-boot:run
Para rodar os testes unitários do back-end, abra um terminal na pasta raiz do projeto e rode:
cd backend
mvnw test