Este teste consistem em um projeto React usando o framework Next.Js, alimentado por uma Api em NodeJs, que armazena dados no Banco de Dados MongoDB.
Por conveniência e agilidade, deixei os 2 projectos no mesmo repositório, se fosse um projeto real, o ideal é que eles estivessem em repositórios separados.
Na api, o uso do Docker é totalmente opcional, o docker-compose no projeto apenas vai subir um serviço do MongoDB, caso não tenha o Mongo instalado em sua Máquina.
1 - Copie o projeto na sua máquina.
git clone https://github.com/TilsonM17/manbo.git2 - Acesse a pasta backend e copie a variável de ambiente
cd manbo/backend; cp .env.example .env3 - Defina as Variáveis de ambiente e configure a QueryString
Exemplo:
APP_PORT=8082
MONGO_URI='mongodb://localhost:27017/'
Por favor, certifique-se de que o Mongo esta ativo e funcional e que passou corretamente a String de conexão.
4 - Instale as dependências e rode o projeto.
npm install; npm run dev
Depois disso, a api estará no ar. Agora vamos configurar o Front.
5 - Acesse a pasta do front e copie a variável de ambiente
cp .env.example .env.local6 - Defina as Variáveis de ambiente
Aqui vai o endereço da api, apenas o endereço sem uma barra no final.
Exemplo:
NEXT_PUBLIC_BACKEND_URI='http://localhost:8082'
7 - Instale as dependências e rode o projeto.
npm install; npm run build; npm run dev
Depois de tudo, acesse o endereço do projeto, e enjoy the moment.
Qualquer dúvida fico à disposição.