Git Product home page Git Product logo

yap-app's Introduction

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

yap-app's People

Contributors

chrislorando avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.