<h3 align="center">

<img src=".github/logo.png" alt="Fatorial Logo"/>

<br/>

<span>

Faça seus cálculos de fatorial de maneira simples e rápida.

</span>

</h3>

- [Sobre](#sobre)

- [Repositório do backend em Node.js](https://github.com/higorpo/fatorial-backend-node)

- [Repositório do backend em Java](https://github.com/higorpo/fatorial-backend-java)

- [Tecnologias usadas](#tecnologias)

- [Resultados](#resultados)

- [Como usar?](#comousar)

<a id="sobre"></a>

<p>

Esta aplicação foi criada com base no desafio proposto no processo seletivo do <a href="http://bridge.ufsc.br/" target="_blank">Laboratório Bridge</a>. A ideia era criar uma interface web que pudesse ser usada para desenvolver cálculos fatoriais usando um backend.

</p>

<p>

O frontend desta aplicação foi desenvolvido utilizando React.js com TypeScript e SASS. Já o backend possuí duas versões: uma feita em <a href="https://github.com/higorpo/fatorial-backend-node"><strong>Node.js</strong></a> com Express e outra feita em <a href="https://github.com/higorpo/fatorial-backend-java"><strong>Java</strong></a> utilizando o framework Spring. Isto foi feito devido a minha maior proximidade com o universo JavaScript, neste caso, com o Node.js quando comparado com o Java.

</p>

<a id="tecnologias"></a>

<p>

Para o frontend desta aplicação utilizou-se das seguintes tecnologias:

</p>

- ReactJS

- TypeScript

- React Router Dom

- React Icons

- SASS

<a id="resultados"></a>

<p>

O site foi construído com base na minha prototipagem no Figma, que pode ser conferida <a href="" target="_blank">clicando aqui</a>.

</p>

<p>Do desenvolvimento desse, chegou-se ao seguinte resultado:</p>

<iframe src="https://drive.google.com/file/d/1xHrablhJW5Jk2HBlKEkrrTGFNX5wgXO0/preview" width="640" height="480"></iframe>

<p>Você pode testar a aplicação agora mesmo através <a href="https://fatorial.vercel.app/" target="_blank">deste link</a>, uma versão do site hospedada na <b>Vercel</b>.</p>

<a id="comousar"></a>

<p>Para executar este projeto em sua máquina local existem alguns requisitos básicos. Você deve ter o Node.js instalado na sua versão mais recente e um gerenciador de pacotes Yarn ou NPM, além disso, se for utilizar o Java como backend precisa ter todas as dependências instaladas (Java 11).</p>

Clone este repositório

```sh

git clone https://github.com/higorpo/fatorial-frontend frontend

Instale as dependências do projeto

```sh

cd frontend

yarn

Volte uma pasta utilizando ```cd ..``` e escolha um dos dois backends abaixo, siga as instruções

#####Node.js

Clone o repositório

```sh

git clone https://github.com/higorpo/fatorial-backend-node backend

Instale as dependências do projeto

```sh

cd backend

yarn

Depois de executado o comando acima, execute ```cd ..```

#####Java

Clone o repositório

```sh

git clone https://github.com/higorpo/fatorial-backend-java backend

Siga o tutorial do backend que você baixou acima (Node.js ou Java)

#####Node.js

```sh

cd backend

yarn dev

Depois de executado o comando acima, execute ```cd ..```

#####Java

```sh

cd backend

./gradlew bootRun

Depois de executado o comando acima, execute ```cd ..```

Antes de executarmos o frontend precisamos configurar a URL do nosso servidor, seja ele Node ou Java.

Para isso entre na seguinte pasta:

```sh

cd ./frontend/src/config

Edite o arquivo ```api.ts``` colocando a URL do seu backend (normalmente ```http://localhost:8000```). Se você não fizer isto você estará rodando com o um backend Node.js previamente hospedado no Heroku.

Para finalizar, volte para pasta inicial com

```sh

cd ../../../

Após ter completado o passo acima, inicie o servidor web

```sh

cd frontend

yarn start

Um servidor web deve começar a rodar na porta 3000, acesse-o usando ```http://localhost:3000```