Realtime-Chat-Application Tailwind Templates

Realtime Chat Application

Snappy is a real-time chat app using React.js, Tailwind CSS, Socket.io, Node.js, and Express.js. Register, select avatars, and chat instantly without page refresh.

Snappy - Realtime Chat Application

Snappy is a real-time chat application built using React.js, Tailwind CSS, Socket.io, Node.js, and Express.js. It allows users to register, select avatars, and start chatting with other users in real-time without the need to refresh the page. Users can also spice up their messages with emojis.

Features

  • User Registration: Users can create an account on Snappy by providing their desired username and selecting an avatar from a collection of avatars available.

  • Real-time Chat: Once registered, users can start chatting with other users of the application in real-time. Messages are delivered instantly without the need for page refresh.

  • Emoji Support: Snappy allows users to use emojis in their messages to express emotions and add a fun touch to their conversations.

Screenshots

View Screenshots of the application at here.

Installation

  1. Clone the repository: git clone https://github.com/JainamShah28/Realtime-Chat-Application.git
  2. Go to the directory: cd Realtime-Chat-Application
  3. Install dependencies into both client and server directories: npm install

Usage

  1. Start the server: npm start
  2. Open the application in your browser at http://localhost:5000
  3. Start the client side: npm start
  4. Open the application in your browser at http://localhost:3000

Top categories

Loading Svelte Themes