Skip to content

Simple chat application with TALL Stack. No websocket, just using wire:poll

Notifications You must be signed in to change notification settings

chrislorando/yap-app

Repository files navigation

Yap - Simple Chat Application

image

Introduction

"Yap" is a straightforward chat application that draws inspiration from popular messaging platforms such as WhatsApp, Telegram, etc. It is crafted using the TALL stack, which stands for Tailwind CSS, Alpine.js, Laravel, and Livewire. The project emphasizes the use of Livewire's wire:poll for real-time functionality, deliberately avoiding the complexity of websockets.

Educational Purpose

The creation of Yap serves a personal educational purpose. It is a practical project aimed at delving deeper into the intricacies of Laravel and Livewire 3, understanding their capabilities, and applying them to build a functional and interactive chat application.

TALL Stack Components

  • Tailwind CSS: A utility-first CSS framework for designing custom user interfaces with speed and efficiency.
  • Alpine.js: A minimalistic JavaScript framework for composing behavior directly in your markup.
  • Laravel: A PHP web application framework with an expressive, elegant syntax, providing tools and resources for robust backend development.
  • Livewire 3: A full-stack framework for Laravel that simplifies the creation of dynamic interfaces, leveraging server-side rendering.

Features

  • Simple and intuitive chat interface.
  • Real-time message exchange using wire:poll.
  • No use of websockets, ensuring ease of deployment and maintenance.

Getting Started

To set up the Yap project on your local machine, follow these steps:

git clone https://github.com/chrislorando/yap-app.git
cd yap
composer install
npm install && npm run dev
php artisan serve

Demo

http://yap.demolite.my.id

email : [email protected] password : password

email : [email protected] password : password

Or you can create user in registration page http://yap.demolite.my.id/register

References

https://www.youtube.com/watch?v=8Ek8M0XGDBU

About

Simple chat application with TALL Stack. No websocket, just using wire:poll

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages