Make a Vue component that allows chat messages to be sent to the server and back to the client. Maybe research availible packages that will make this quicker.
The front end of the vue component is almost finished.
Need to set max length of the row to col-10.
Need to remove gutter that is created when this is set.
Need to set top margin of row to 1 or more.
Need to allow for scrolling.
The back end needs.
Need to scroll to the bottom when a new message is sent.
Need to input the message to the conversation box when send button is clicked.
Need to change color of message to green when message has been received by the server.
Need to input incoming message to the conversation box.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
To send messages back from the server:
we need to broadcast messages with pusher channels
we will receive messages on the client side with laravel evo?
push messages to chat box with vue
then use events to broadcast messages if not already doing so.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Next steps:
I think echo has a way for guests to communicate on private channels using an id that is loaded on render
Optional improvements:
move the chat feature to authenticated routes
make the channels private
create a database
load the previous messages
write tests
make into a package
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
The front end of the vue component is almost finished.
Need to set max length of the row to col-10.
Need to remove gutter that is created when this is set.
Need to set top margin of row to 1 or more.
Need to allow for scrolling.
The back end needs.
Need to scroll to the bottom when a new message is sent.
Need to input the message to the conversation box when send button is clicked.
Need to change color of message to green when message has been received by the server.
Need to input incoming message to the conversation box.
Front end done.
Need to understand redis and pusher.
use them to send messages to the server
Messages can be sent to server.
Messages need to be sent back.
To send messages back from the server:
we need to broadcast messages with pusher channels
we will receive messages on the client side with laravel evo?
push messages to chat box with vue
then use events to broadcast messages if not already doing so.
Next steps:
I think echo has a way for guests to communicate on private channels using an id that is loaded on render
Optional improvements:
move the chat feature to authenticated routes
make the channels private
create a database
load the previous messages
write tests
make into a package
toOthers method used on sending messages publicly.
heroku server throws 403 error. need to fix. :P
going to write some tests before pushing to server