Laravel Chat with Vue 3 is a real-time chat application built using Laravel for the backend and Vue 3 for the frontend. This project allows users to engage in real-time conversations and exchange messages seamlessly.
- Real-time messaging with WebSocket technology.
- User authentication and registration.
- Seamless integration of Laravel and Vue 3.
- User-friendly interface for easy communication.
Before you begin, ensure you have met the following requirements:
- PHP: Install PHP (>= 8.1) on your system.
- Composer: Install Composer for managing PHP dependencies.
- Node.js and npm: Install Node.js and npm to manage frontend assets.
- Pusher Account: Create a Pusher account and obtain your API keys.
- Laravel Echo: Familiarize yourself with Laravel Echo for real-time events.
- Clone the repository:
git clone https://github.com/abdimed/laravel-chat-vue3.git
- Navigate to the project directory:
cd laravel-chat-vue3
- Install backend dependencies:
composer install
- Install frontend dependencies:
npm install
- Create a copy of the
.env.example
file and rename it to.env
- Configure your database and other environment variables in the
.env
file - Set up your Pusher account and update the
.env
file with Pusher credentials - Generate application key:
php artisan key:generate
- Run database migrations:
php artisan migrate
- Build the frontend assets:
npm run dev
- Start the development server:
php artisan serve
- Visit http://localhost:8000 in your browser to access the application.
- Register and log in to the application.
- Start sending and receiving real-time messages with other users using Pusher.
Contributions are welcome! If you find any bugs or have suggestions for improvements, please create an issue or submit a pull request.