Este projeto foi desenvolvido como parte do processo seletivo para a vaga de desenvolvedor Laravel + Vue.js.
- Laravel: Framework PHP para o desenvolvimento da API Restful, com rotas, controllers e autenticação.
- Laravel Sanctum: Utilizado para autenticação de APIs com tokens de sessão, permitindo a criação de usuários, login e validação de permissões de acesso às rotas protegidas.
- MySQL: Banco de dados utilizado para persistência de dados.
- Vue.js (v2): Framework JavaScript para construção do front-end interativo e reativo, usando componentes para gerenciar a UI e a lógica de interação com a API.
- Vue Router: Utilizado para navegação entre as páginas do aplicativo.
- Axios: Biblioteca para realizar requisições HTTP entre o front-end e o back-end.
- Tailwind CSS: Framework CSS utilitário para estilização rápida e responsiva.
- Cadastro e Login: Sistema de autenticação com Laravel Sanctum.
- CRUD de Eventos: Criação, listagem, detalhamento, edição e cancelamento de eventos.
- Filtros de Eventos: Filtro por nome, data e status de eventos.
- Subscrição em Eventos: Usuários podem se inscrever e desinscrever de eventos.
- Interface de Administração: Apenas o dono do evento pode visualizar os inscritos.
- Exibição de Detalhes de Evento: Mostra informações detalhadas de eventos, incluindo imagens (mapa, capa, banner).
Clone o repositório com os seguintes comandos:
git clone https://github.com/RafaelCirn3/CRUD-Eventos-Laravel-Vue
cd CRUD-Eventos-Laravel-Vue-
Acesse a pasta do back-end:
cd back-end -
Instale as dependências do Laravel:
composer install
-
Crie um arquivo
.envcom as variáveis de ambiente: Copie o arquivo.env.examplepara.enve configure as variáveis, como banco de dados, chave de app, etc.cp .env.example .env
-
Gere a chave de aplicação do Laravel:
php artisan key:generate
-
Migre o banco de dados:
php artisan migrate
-
Rodando o servidor: Inicie o servidor do back-end:
php artisan serve
O servidor estará disponível em
http://localhost:8000.
-
Acesse a pasta do front-end:
cd front_end -
Instale as dependências do Vue.js:
npm install
-
Configuração do Axios: Certifique-se de que o Axios está apontando para a URL do back-end (geralmente
http://localhost:8000). -
Rodando o servidor do front-end: Inicie o servidor do Vue.js:
npm run serve
O servidor estará disponível em
http://localhost:8080.
- Acesse o Front-End em
http://localhost:8080e utilize as funcionalidades de cadastro, login, inscrição em eventos e visualização de detalhes de eventos. - Acesse a API em
http://localhost:8000/apipara verificar as rotas e interações com o back-end.
- Este projeto foi desenvolvido com foco em uma aplicação completa utilizando Laravel no back-end e Vue.js no front-end.
- A autenticação é gerida por Laravel Sanctum para permitir o login de usuários e proteção de rotas sensíveis.
- O front-end foi estilizado utilizando Tailwind CSS para garantir uma interface limpa e responsiva.