sammih / simple_chat_app

This Chat App is built using Test-Driven Development (TDD) with Laravel, Jetstream, Inertia, Vue, and Tailwind CSS.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple Chat App

The forthcoming chat application will be developed utilizing the Laravel framework, specifically integrating the Laravel Jetstream starter kit, Inertia stack, Vue 3, and, naturally, Tailwind CSS.

Create Chat-app project

After you have installed PHP and Composer, you may create a new Laravel project (Chat-app) via the Composer create-project command:

  • composer create-project laravel/laravel chat-app
  • cd chat-app

Installing Jetstream

Laravel Jetstream is a beautifully designed application starter kit for Laravel and provides the perfect starting point for your next Laravel application. Jetstream provides the implementation for your application's login, registration, email verification, two-factor authentication, session management, API via Laravel Sanctum, and optional team management features.

  • composer require laravel/jetstream

Install Jetstream With Inertia Stack and Pest PHP

  • php artisan jetstream:install inertia --pest

Finalizing The Installation

  • npm install
  • npm run build
  • php artisan migrate

Getting Started

Run the following command to set up the database and generate two users, each owning a chat:

  • php artisan migrate --seed

Start the development server:

  • npm run dev

Visit http://chat-app.test/ and log in as one of the generated users to start chatting.

About

This Chat App is built using Test-Driven Development (TDD) with Laravel, Jetstream, Inertia, Vue, and Tailwind CSS.


Languages

Language:Vue 52.5%Language:PHP 46.1%Language:JavaScript 0.8%Language:Blade 0.6%Language:CSS 0.0%