Giter Club home page Giter Club logo

alpinejs-laravel's Introduction

Laravel + AlpineJS + Bootstrap

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.

Tecnologias Utilizadas

  • 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).

Como Executar o Projeto Localmente

Pré-requisitos:

  • PHP instalado
  • Composer instalado
  • Node.js e NPM instalados

Instalação

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

alpinejs-laravel's People

Contributors

marcelsecco1 avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.