Real-Time Chat Application

Sobre o Projeto

Esta é uma aplicação de chat em tempo real desenvolvida com Laravel 11 no backend e Vue 3 no frontend. O projeto utiliza Laravel Echo e o Laravel Reverb para facilitar a comunicação em tempo real.

Funcionalidades

• Envio e recebimento de mensagens em tempo real.
• Notificações de novas mensagens.
• Interface de usuário responsiva e amigável.

Tecnologias Utilizadas

• Backend:

  • Laravel 11
  • Laravel Echo
  • Pusher ou Laravel Reverd

• Frontend:

  • Vue 3
  • Vuex
  • Axios

Pré-requisitos

Antes de começar, verifique se você possui as seguintes ferramentas instaladas em sua máquina:

• Node.js (v20 ou superior)
• Composer
• PHP (v8 ou superior)

Instalação

Backend

1. Clone o repositório:

   git clone https://github.com/seu-usuario/chat-real-time.git
   cd chat-real-time
   

2. Instale a dependências do Laravel:

    composer install
   

3. Crie um arquivo .env a partir do .env.example e configure as variáveis de ambiente:

    cp .env.example .env
   

4. php artisan key:generate

   php artisan key:generate
   

5. Execute as migrações do banco de dados:

   php artisan migrate
   
   

Frontend

1. Instale as dependências do Vue:

   npm install
   

Para executar o projeto

1. iniciando o laravel

   php artisan serve
   

2. iniciando o Front End

   npm run dev
   

3. iniciando o websocket

   php artisan reverb:start
   

4. Monitorar os eventos de envio de mensagens

   php artisan queue:work
   

Pronto, agora é só acessar http://localhost:8000