Skip to content

Repository files navigation

💬 Real-Time Chat App

A simple real-time chat application built using Next.js, TypeScript, Tailwind CSS, and Socket.io. Users can instantly send and receive messages with no page refresh or database required — perfect for temporary or anonymous chats.


🚀 Live Demo

🔗 real-chat-app.up.railway.app


🛠️ Tech Stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Socket.io

🔑 Features

  • Real-time messaging (no refresh required)
  • Socket-based user connection/disconnection tracking
  • Clean, responsive UI
  • Stateless — messages disappear on refresh (no database)

📦 Installation

git clone https://github.com/NamanS4ini/Chat-App.git
cd Chat-App
npm install
npm run dev

App will run locally at http://localhost:3000


🧠 What I Learned

  • How WebSockets work under the hood using Socket.io
  • Managing real-time data backend setup
  • Building scalable real-time features in Next.js apps
  • Handling multiple simultaneous connections efficiently
  • Designing UI updates to reflect instant message delivery
  • Managing transient state without persistent storage

🔮 Future Improvements

  • Add user authentication
  • Persist messages using a database
  • Display online users
  • Show timestamps and typing indicators

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages