Skip to content

alyonashunevych/realtime-chat-app

Repository files navigation

Realtime Chat App

A fullstack chat application with real-time messaging using WebSocket. Users can join rooms and communicate instantly.

🔗 Demo

👉 Try it here: Realtime Chat App Demo

⚠️ Note: The server may take up to 30 seconds to start (free hosting).

📸 Screenshots

📝 Sign Up / Login

  • Create a new account or log in to access the chat

Login

🔑 Join a Room

  • Enter a Room ID to join an existing room

Join

🏠 Create a Room

  • Set up a new chat room to start a conversation

Create

⚙️ Room Settings

  • Rename the room, copy the Room ID, leave, or delete the room

Settings

💬 Chat in Action

  • Send and receive messages with other participants

Chat

🚪 Logout

  • Sign out from your account safely

Logout

🔗 Backend Repository

https://github.com/alyonashunevych/realtime-chat-app-backend

🛠️ Tech Stack

  • React (TypeScript)
  • SCSS
  • WebSocket

✨ Features

  • Real-time messaging
  • Join chat rooms
  • Multiple users support
  • Instant UI updates
  • Basic message grouping

🚀 Run locally

git clone https://github.com/alyonashunevych/realtime-chat-app.git
cd realtime-chat-app
npm install
npm start

👤 Author

https://github.com/alyonashunevych

About

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors