FriendChat is a SPA site made using Laravel and Vue. The site is a simple messenger, where users can exchange messages and receive it in real time without needing to refresh the page due to using websockets. Also users can change their nickname, change their avatar and find other users by typing in searchbar. Vue Framework is responsible for routing and storing local user session data. Laravel on the other side is responsible for maintaining API system, which fetches data from database. Websockets connection are built using pusher and laravel-echo packages.
- "php": "^7.3|^8.0",
- "beyondcode/laravel-websockets": "^1.13",
- "cloudinary-labs/cloudinary-laravel": "^1.0",
- "fruitcake/laravel-cors": "^2.0",
- "guzzlehttp/guzzle": "^7.0.1",
- "intervention/image": "^2.7",
- "laravel/framework": "^8.75",
- "laravel/sanctum": "^2.15",
- "laravel/tinker": "^2.5",
- "pusher/pusher-php-server": "~3.0",
- "walkor/workerman": "^4.0"
Site: https://friendchat-online.herokuapp.com/
FriendChat — это SPA-сайт, созданный с использованием Laravel и Vue. Сайт представляет собой простой мессенджер, в котором пользователи могут обмениваться сообщениями и получать их в режиме реального времени без необходимости обновлять страницу благодаря использованию веб-сокетов. Также пользователи могут изменить свой никнейм, изменить свой аватар и найти других пользователей, набрав в строке поиска. Vue фреймворк отвечает за маршрутизацию и хранение данных локального сеанса пользователя. Laravel, с другой стороны, отвечает за поддержку системы API, которая извлекает данные из базы данных. Соединение веб-сокетов построено с использованием пакетов pusher и laravel-echo.
- "php": "^7.3|^8.0",
- "beyondcode/laravel-websockets": "^1.13",
- "cloudinary-labs/cloudinary-laravel": "^1.0",
- "fruitcake/laravel-cors": "^2.0",
- "guzzlehttp/guzzle": "^7.0.1",
- "intervention/image": "^2.7",
- "laravel/framework": "^8.75",
- "laravel/sanctum": "^2.15",
- "laravel/tinker": "^2.5",
- "pusher/pusher-php-server": "~3.0",
- "walkor/workerman": "^4.0"