Este projeto integra recursos modernos para facilitar o cadastro e a atualização de dados por meio de modais utilizando Bootstrap para o design responsivo. As requisições Ajax são implementadas com Alpine.js e Laravel, proporcionando uma experiência fluida ao usuário sem a necessidade de recarregar a página. Explore a praticidade dos modais para operações de cadastro e atualização, aproveitando a elegância do Bootstrap, a agilidade do Alpine.js e a robustez do Laravel. Ideal para projetos que buscam interatividade eficiente e design intuitivo.
- Laravel: Framework PHP poderoso e elegante.
- Bootstrap: Biblioteca de design e estilos para criar interfaces web responsivas.
- Alpine.js: Framework JavaScript minimalista para desenvolver componentes interativos do lado do cliente.
- Ajax: Utilizado para comunicação assíncrona entre o frontend (Alpine.js) e o backend (Laravel).
Pré-requisitos:
- PHP instalado
- Composer instalado
- Node.js e NPM instalados
Clone o repositório, usando:
git clone https://github.com/MarcelSecco1/AlpineJS-Laravel.git
cd AlpineJS-Laravel
Instale o composer e o node no projeto:
composer install
npm install
Inicie seus containers:
docker compose up -d
Por fim copia o .env.example para o .env e gere a key do Laravel:
copy .env.example .env
docker compose exec app php artisan key:generate
Rode as migrations:
docker compose exec app php artisan migrate
Execute o script dev:
npm run dev
Seu projeto estará disponível na em http://localhost:8989