Teste - Desenvolvedor Full Stack | Laravel + Vue | Pleno

Neste projeto, foi desenvolvida uma aplicação de encurtamento de links, similar ao serviço conhecido como bit.ly. O desafio envolveu a criação de um frontend utilizando Vue.js, um backend com Laravel e a utilização de um banco de dados relacional (MySQL/MariaDB). O foco foi garantir a utilização das melhores práticas de programação, design patterns e construção de um código limpo e bem estruturado.

Guia de Instalação

Este guia descreve os passos necessários para instalar e configurar a aplicação, que utiliza o Laravel Sail para o backend e Vue.js 3 com Vite para o frontend. Certifique-se de seguir cada etapa cuidadosamente para garantir uma instalação bem-sucedida.

Caso esteja no Windows acesse a documentação do Laravel para mais informações.

Pré-requisitos

Antes de começar, certifique-se de ter o seguinte instalado no seu sistema:

• Docker
• Git
• Composer
• Node.js

Passos de Instalação

1. Clone Repositório

Clone o repositório da aplicação a partir do repositório Git:

git clone https://github.com/VandoJunqueira/Teste_Desenvolvedor_Full_Stack_Laravel.git

2. Instalar as Dependências do Backend

Navegue até o diretório da aplicação clonada e instale as dependências do backend usando o Composer:

cd Teste_Desenvolvedor_Full_Stack_Laravel
composer install

3. Configurar o Arquivo .env

Duplique o arquivo .env.example e renomeie-o para .env.

cp .env.example .env

4. Iniciar o Laravel Sail

Se tiver no windows acessa o terminar do Linux com o comando wsl

./vendor/bin/sail up -d

No entanto, em vez de digitar repetidamente vendor/bin/sail para executar comandos do Sail, você pode configurar um alias de shell que permita executar os comandos do Sail com mais facilidade:

alias sail='[ -f sail ] && sh sail || sh vendor/bin/sail'

Depois que o alias do shell tiver sido configurado, você poderá executar comandos Sail simplesmente digitando sail. O restante dos exemplos desta documentação assumirá que você configurou este alias:

sail up -d

5. Executar migração

sail artisan migrate

6. Executar o seeder para popular a tabela

sail artisan db:seed

Após a execução do seeder é criado um usuário de teste:

email: [email protected]
senha: 123456

7. Instalar as Dependências do Frontend

sail npm install

8. Compilar o Frontend

sail npm run build

9. Acessar a Aplicação

Abra o seu navegador e acesse http://localhost para visualizar a aplicação em funcionamento.

Créditos

Este projeto foi desenvolvido por Vando Junqueira como parte de um teste prático.