# Projeto Modelo - Laravel + Vue.js + Bootstrap + MySQL

Bem-vindo ao projeto modelo!  
Este projeto foi criado como **base para aulas práticas** de **Laravel** integrado com **Vue.js** e estilizado com **Bootstrap**, usando um banco de dados **MySQL**.

O objetivo é fornecer uma estrutura limpa e pronta para demonstrar:
- Configuração inicial de Laravel com Vue.js
- Criação de componentes Vue
- Comunicação entre backend (Laravel) e frontend (Vue.js)
- Estilização rápida com Bootstrap
- Integração com banco de dados MySQL
- Conceitos iniciais de API e manipulação de dados

---

## Tecnologias Utilizadas

- [Laravel](https://laravel.com/) 8+
- [Vue.js](https://vuejs.org/) 2.7
- [Bootstrap](https://getbootstrap.com/) 5.3
- [MySQL](https://www.mysql.com/)
- [Axios](https://axios-http.com/) (para requisições HTTP)

---

## Funcionalidades Desenvolvidas

- Componente Vue de exemplo renderizado na página
- Componente Vue recebendo parâmetros vindos do backend PHP
- Conexão com banco de dados MySQL
- Listagem de dados usando Vue + Axios
- Estrutura de Seeders para popular o banco
- Menu de navegação Bootstrap entre páginas
- Páginas organizadas para exemplos de PHP puro, Laravel com Vue.js e Controller

---

## Estrutura do Projeto

```plaintext
/routes/web.php            -> Definições de rotas
/resources/views/          -> Páginas Blade para renderizar HTML + Vue
/resources/js/components/  -> Componentes Vue.js
/database/seeders/         -> Seeders para popular banco de dados
/app/Http/Controllers/     -> Controladores Laravel
/public/                   -> Arquivos públicos (CSS/JS compilados)
```

---

## Como Rodar o Projeto

### Pré-requisitos:

- PHP 8.0+
- Composer
- Node.js e NPM
- MySQL

### Instalação:

1. Clone o repositório:

```bash
git clone https://github.com/luctauil/projeto_modelo.git
cd projeto_modelo
```

2. Instale as dependências do Laravel:

```bash
composer install
```

3. Instale as dependências do frontend:

```bash
npm install
```

4. Compile os assets:

```bash
npm run dev
```

5. Configure o arquivo `.env`:

```bash
cp .env.example .env
```
- Configure o acesso ao banco de dados no `.env`:

```plaintext
DB_DATABASE=seubanco
DB_USERNAME=seuusuario
DB_PASSWORD=suasenha
```

6. Gere a chave da aplicação:

```bash
php artisan key:generate
```

7. Rode as migrações e populadores de dados:

```bash
php artisan migrate --seed
```

8. Inicie o servidor:

```bash
php artisan serve
```

9. Acesse no navegador:

```
http://localhost:8000
```

---

## Telas de Exemplo

- Home
- Modelo PHP Puro
- Modelo com Framework Laravel + Vue
- Modelo com Controlador + Integração de Dados

---

## Licença

Este projeto foi desenvolvido para fins educacionais, aulas e treinamentos.  
Sinta-se livre para utilizar e modificar conforme necessário!

---

# 🚀 Bora programar!

## Projeto Online

[👉 Acesse aqui o projeto no GitHub](https://github.com/luctauil/projeto_modelo.git)