Project - 15

swstack < 1 min read

Project 15: Chat UI Mock

Build a fake chat interface (like WhatsApp or Messenger) where you can send messages and receive automated replies. Messages should appear in real time.

✦ HTML + CSS + JS Editor

▶ Live Output

👀 Show Example Solution

<div class="chat-window" id="chat"></div>
<input type="text" id="messageInput" placeholder="Type a message...">
<button onclick="sendMessage()">Send</button>

<script>
  // Send messages + fake replies
</script>