In Part-67 of dating series, we will continue working on integrating chat box for users with Laravel, Ajax and jQuery. In this video, we are going to integrate design for the chat box. 1) Create Route :-
First of all, we will create GET route for our chat box in web.php file with username parameter and will also define function that will return to chat.blade.php file with username.
2) Create chat.js file :-
Create chat.js file under public/js/frontend_js folder that we will update later on.
3) Create chat.css file :-
Create chat.css file under public/css/frontend_css folder that we will update later on.
4) Create chat.blade.php file :-
Now create chat.blade.php file under users folder where we will add chat box html view in which we will also embed bootstrap, jquery, chat.css and chat.js files.
5) Update chat.css file :-
Now we will update chat.css file that we have created earlier so that our chat box page design will look good.
You can see in video, our chat box design view is ready.
In next video, we will start working on its functionality.

0 Comments