Pet Finder

Como instalar - Backend (Laravel)

• Navegue até a pasta backend
• composer install
• cp .env.example .env
• Crie seu banco de dados
• Substituia em .env a variável DB_DATABASE=NomeDaSuaBaseAqui
• php artisan key:generate
• php artisan migrate
• php artisan passport:install
• Copie o client_id e o client_secret que aparecerá no seu console, vá para a pasta frontend e substitua em /src/utils/credentials.js
• php artisan serve

Como instalar - Frontend (ReactJS)

• Navegue até a pasta frontend
• yarn install
• yarn dev

Pronto, ambos serviços já devem estar startados.
Basta utilizar acessar a página aberta pelo frontend ou acessar http://localhost:3000/

Como fazer - Testes

• Navegue até a pasta backend
• Clone seu arquivo .env para .env.testing (cp .env .env.testing)
• Edite os dados do seu banco teste no arquivo .env.testing
• Abra o arquivo phpunit.xml na raiz do backend
• Altere as propriedades DB_CONNECTION para seu tipo de banco de dados e DB_DATABASE para o nome do seu banco de dados
• Edite os dados do seu banco teste no arquivo .env.testing
• Inicie o servidor php artisan serve
• Rode o comando para realizar os testes já com o comando que reseta o banco: php artisan migrate:fresh --env=testing && php artisan test

Para conhecimento

• CSS feito todo a mão (Não utilizado nenhum framework. Motivo: Teste)
• Total de horas utilizadas no projeto: 13h
• Aplicado de resouces para tratamento dos dados de retorno
• Aplicado Validation Request para validação dos dados
• Aplicado de testes TDD (contudo, ainda sem validação do json de retorno, apenas do status)
• First API

Bugs Conhecidos

• Tabela de animais não redimensiona (falta finalizar css)

Futuras implementações

• Mobile em react-native com redux (api e componentes do frontend já adaptados)
• Redux no frontend (caso o projeto venha a crescer, até o momento sem necessidade)
• Deploy no heroku
• Melhoria no css (aplicar transitions, melhorar telas de aviso de encontro do animal, padronizar uma terceira cor)
• Aplicação de testes unitários *(apesar do ideal ser iniciar assim, eu irei refatorar o projeto)

Imagens (Antigas)

Dashboard

Alt text Basta utilizar acessar a página aberta pelo frontend ou acessar http://localhost:3000/

Pets

Alt text

Como fazer - Testes

Register

Alt text

Login

Alt text

Dashboard Paginate

Alt text