💬 FlowChat — Real-time Messaging

A Discord-inspired real-time chat application built with Socket.io and React. Features multiple chat rooms, typing indicators, emoji reactions and live presence.

✨ Features

• ⚡ Real-time messaging with Socket.io WebSockets
• 🏠 Multiple chat rooms (General, Tech Talk, Random, Gaming)
• ⌨️ Live typing indicators
• 😀 Emoji picker
• ❤️ Message reactions (👍 ❤️ 😂 🔥 + custom)
• 💬 Reply to messages
• 🟢 Online users panel with live presence
• 🎨 Custom avatar + name color picker
• 📜 Room message history

🛠️ Tech Stack

Layer	Technology
Frontend	React.js, Vite, Tailwind CSS
Backend	Node.js, Express.js
Real-time	Socket.io (WebSockets)
Icons	Lucide React

🚀 Run Locally

1. Clone

git clone https://github.com/compiledbyutkarsh/FlowChat.git
cd FlowChat

2. Start Server

cd server
npm install
npm run dev

3. Start Client

cd client
npm install
npm run dev

4. Open

http://localhost:5173

Open in multiple tabs to test real-time messaging!

---

Built by compiledbyutkarsh