RealTime Chat solution

This is a RealTime Chat Solution in React & Node.js using Socket.io. This was made in pure JavaScript in February 2024.

Author

• [@asayushranjansinha]https://github.com/asayushranjansinha)

Features

• Live
• Light/dark mode
• Cross platform
• Realtime messaging support
• Responsive UI

Environment Variables

To run this project, you will need to add the following environment variables to your .env file of your client directory to allow the client to connect to socket server.

VITE_BACKEND_ENDPOINT

Tech Stack

Client: React, Zustand, TailwindCSS, Socket.io-Client, Sonner, React Scroll To Bottom

Server: Node, Express, Socket.io, Cors

Installation

Install my-project with npm

  npm install my-project
  cd my-project

Run Locally

Clone the project

  git clone https://github.com/asayushranjansinha/wordlecup.io

Go to the project directory

  cd client

Install dependencies

  npm install

Start the server

  npm run dev

Go to the project directory

  cd server

Install dependencies

  npm install

Start the server

  npm start

Add Env Variable file in the client directory.

🔗 Links

Demo

Link to the deployed website https://realtimechatapp-rouge.vercel.app

Support

For support, email asayushranjansinha@gmail.com