swift-chat Tailwind Templates

Swift Chat

Swift Chat is a real-time messaging app built with Laravel and WebSocket. It uses Laravel Reverb on the server side and Laravel Echo on the client side for seamless communication. Tailwind CSS and Livewire provide a responsive and dynamic interface.

Swift Chat

Swift Chat is a real-time messaging platform developed using the Laravel framework. This project leverages Laravel’s capabilities along with WebSocket technology for seamless communication. It uses the Laravel Reverb library for handling WebSocket connections on the server side and Laravel Echo for client-side interactions, enabling a smooth, responsive chat experience. The application is designed as a Single Page Application (SPA) using Laravel Livewire, with Tailwind CSS providing a modern, responsive UI.

Features

  • Real-Time Messaging: Swift Chat offers real-time communication using WebSocket technology, ensuring messages are delivered instantly across clients.

  • SPA Architecture: Built with Laravel Livewire to deliver a dynamic single-page application experience without reloading pages.

  • Responsive Design: Styled with Tailwind CSS for a clean, user-friendly interface across devices.

  • Server-Client Communication: Uses Laravel Reverb on the server and Laravel Echo on the client for efficient WebSocket communication.

Installation

  1. Clone the Repository:

    git clone https://github.com/habibpourmohammadi/swift-chat.git
    cd swift-chat
    
  2. Install Dependencies:

    composer install
    npm install
    
  3. Environment Setup:

    • Copy the .env.example file to .env.

      cp .env.example .env
      
    • Configure the database

    • WebSocket server settings.

      php artisan reverb:install
      
  4. Generate a new encryption key:

    php artisan key:generate
    
  5. Run Migrations:

    php artisan migrate
    
  6. Serve the Application:

    php artisan serve
    
  7. Compile assets (including Tailwind CSS):

    npm run dev
    
  8. Start Rever:

    php artisan reverb:start
    

Technologies

  • Backend: Laravel, Laravel Reverb for WebSocket
  • Frontend: Laravel Echo, Livewire, Tailwind CSS

Top categories

Loading Svelte Themes