Aplicação web Next.Js (framework do ReactJs): Faz uma requisição a api da aplicação, que realiza os cálculos e busca os números primos menores do que o número informado pelo usuário.
- Installe as dependências:
npm install
- Rode o projeto
npm run dev
- Abra http://localhost:3000 no seu navegador.
Informe um número e busque os números primos menores.
- Node
- NextJs: Framework full stack do ReactJs, que facilita a criação de múltipla páginas e permite SSR (Server-Side Rendering: Renderização do lado do servidor), o que otimiza o SEO, pois os mecanismos de buscas conseguem caracterizar melhor o conteúdo.
- TailwindCSS: Framework CSS baseado em classes, que, ao contrário do Bootstrap, não fornece elementos prontos baseados em classes, fornecendo propriedades CSS como classes. Um Exemplo de comparação entre CSS puro e TailwindCSS:
.secao {
display: flex;
justify-content: center;
align-items: center;
}
Enquanto que no TailwindCSS, basta aplicar ao seu elemento HTML as classes:
<div class="flex justify-center items-center">
// Conteúdo
</div>
- TypeScript: O superset do JavaScript, fornece tipagem para as variáveis, pode facilitar a escrita de código JavaScript, autocompletando as variáveis do código.
- A interface gráfica faz uma requisição para a API do website, envia o número informado pelo usuário e encontra os números primos positivos menores que ele, retornando a quantidade de números primos, quais são, e a duração dos cálculos realizados no back-end.
Pode acessar a pagina web hospedada na vercel aqui.