Search⌘ K
Home
Courses
Full-Stack Web Applications with Firebase

Chat Stream

We have added new messages to the database but our app isn't showing them to anyone yet. To solve this we will create a chat stream.

We'll cover the following...

Message Injection Point

The messages from the database will be injected into a div with the id, - of messages.

HTML
<form id="message-form">
	<input type="text" id="message-input" placeholder="message" required>
	<button class="orange-button">send</button>
</form>
<div id="messages"></div>

Real-time Listener

The ...