khalegjr / foodish-frontend

Sobre o projeto

Frontend do projeto teste da JOTACOM. Construído com React 18 e React-Bootstrap.

Instalação

Para rodar o frontend clone o repositório em um diretório de sua preferência.

git clone https://github.com/khalegjr/foodish-frontend

cd foodish-frontend

Renomeie ou copie o arquivo .env.example para .env. Altere as varáveis de ambiente no arquivo .env conforme a necessidade.

A seguinte variável deve ser setada conforme o backend: REACT_APP_BACKAPI: endereço do serviço de backend.

Executando com Docker

Se pretende utilizar em ambiente docker, após atualizar as variáveis de ambiente, execute o seguinte comando para executar em mode daemon:

docker compose up -d

Preparando o ambiente

Instale as dependências

npm install

./vendor/bin/sail composer install

Suba o servidor:

npm start

Considerações

O frontend levou muito mais tempo para fazer, porque ainda sou iniciante no React e, principalmente, não utilizava Bootstrap e seus componentes desde 2014.

Assim, ficaram algumas inconsistências de layout e ainda faltou componentizar no nível que gostaria.

Conhecendo um pouco mais do ecossistema do React, se tivesse tempo, usaria a lib react-hook-form para gerenciar para gerenciar os estados do formulário.