"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.
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.
- 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.
- Simple and intuitive chat interface.
- Real-time message exchange using
wire:poll
. - No use of websockets, ensuring ease of deployment and maintenance.
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
email : [email protected] password : password
email : [email protected] password : password
Or you can create user in registration page http://yap.demolite.my.id/register