Real-Time Chat Application

A full-stack chat app with real-time messaging, built using React (frontend) and Node.js + WebSockets (backend).
Deployed globally with Vercel and Render.

---

🚀 Live Demo

https://chat-application-techkidd.vercel.app/

---

🛠️ Features

• Real-time, bi-directional messaging using WebSockets
• Modern React frontend with intuitive UI
• Backend server with Node.js and TypeScript
• Hosted globally for instant access
• Robust error handling and build configuration
• Easily scalable and maintainable codebase structure

---

📝 Architecture Diagram

📦 Tech Stack

• Frontend: React, Vite, JavaScript/TypeScript
• Backend: Node.js, TypeScript, ws (WebSocket library)
• Deployment: Vercel (frontend), Render (backend)
• Version Control: Git & GitHub

---

🏁 Getting Started

Clone the repo:

• git clone https://github.com/Techkidd24/chat-application.git
• cd chat-application

Frontend (client)

• cd client
• npm install
• npm run dev

Backend (server)

• cd ../server
• npm install
• npm run dev

---

🌏 Deployment

• Frontend:
  Deployed on Vercel with production build from /client

• Backend:
  Deployed on Render as a Node.js web service from /server

---

👤 Author

• Techkidd24