Indice

• Sobre
  • Repositório do backend em Node.js
  • Repositório do backend em Java
• Tecnologias usadas
• Resultados
• Como usar?

:bookmark: Sobre

:rocket: Tecnologias

• ReactJS
• TypeScript
• React Router Dom
• React Icons
• SASS

:heavy_check_mark: Resultados

Clique na foto abaixo para ver o vídeo de demonstração do site:

:fire: Como executar?

Baixando o frontend

Clone este repositório

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

Instale as dependências do projeto

cd frontend
yarn

Baixando o backend

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

Node.js

Clone o repositório

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

Instale as dependências do projeto

cd backend
yarn

Depois de executado o comando acima, execute cd ..

---

Java

Clone o repositório

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

Executando o backend

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

Node.js

cd backend
yarn dev

Depois de executado o comando acima, execute cd ..

---

Java

cd backend
./gradlew bootRun

Depois de executado o comando acima, execute cd ..

Configurando o frontend

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

Para isso entre na seguinte pasta:

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

cd ../../../

Executando o frontend

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

cd frontend
yarn start

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