Teste Tecnico para Techpines

Tecnologias utilizadas

HTML CSS JavaScript Node.js MySQL PHP Laravel React

O que ele faz?

Criar interfaces acessíveis através de um browser que permita ao usuário gerenciar a discografia da dupla caipira Tião Carreiro e Pardinho. As ações que o usuário poderá executar são:
  • Ver lista de álbuns e faixas
  • Pesquisar álbuns e faixas por nome
  • Adicionar um novo álbum
  • Adicionar uma nova faixa em um álbum
  • Excluir uma faixa
  • Excluir um álbum

Como rodar localmente 👨‍💻


⚠️ Necessário Php, Composer, Mysql e Nodejs instalados ⚠️

  1. Clone o repositório
$ git clone https://github.com/leandroSalesCotrim/techpines-teste-tecnico.git
  1. Entre na pasta raíz do projeto
$ cd techpines-teste-tecnico
  1. Instale as dependencias do PHP e do node
$ compose install
$ cd frontend
$ npm install
  1. Crie um arquivo .env na pasta raiz do projeto contendo as informações para se conectar no seu banco local como no exemplo abaixo obs: altere somente o usuario e senha de acordo com o seu banco
DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=techpines
DB_USERNAME=SEU_USUARIO_DO_BANCO
DB_PASSWORD=SUA_SENHA_DO_BANCO

4.2) Execute as migrations para que as tabelas sejam criadas corretamente no banco

php artisan migrate
  1. Com um terminal aberto no raiz do projeto inicie o backend Laravel
$ docker artisan serve
  1. Abra um terminal na raiz do projeto, entre na pasta do frontend e inicie o frontend em react
$ cd frontend
$ npm start

Telas do projeto

p1 p2 p3 p4 p5 p6 p7 p8 p9