Created
May 12, 2020 14:49
-
-
Save dongido001/1332503028a869638c10157b6f8a6822 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<link rel="stylesheet" href="./style.css"> | |
<title>Vanilla PHP and JavaScript Stream Group Chat</title> | |
</head> | |
<body> | |
<div class="main-container"> | |
<div class="login" id="login-block"> | |
<input type="text" id="user-login-input" placeholder="Enter your username (should be unique)"> | |
</div> | |
<div class="message-container"> | |
<div class="chat-container"> | |
<div class="chat-body" id="messages"></div> | |
<div class="row"> | |
<div class="col10 message-box"> | |
<input type="text" id="message-input" placeholder="Enter your message..."> | |
</div> | |
<button class="col2 recording" id="recording">Record</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- JavaScipt Stream SDK --> | |
<script src="https://cdn.jsdelivr.net/npm/stream-chat@1.2.2/dist/browser.full-bundle.min.js"></script> | |
<!-- for making http request --> | |
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> | |
<!-- Our custom JavaScript code --> | |
<script src="./custom.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment