Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codersuresh/real-time-chat
Real time chat app using socket.io
https://github.com/codersuresh/real-time-chat
cors express nextjs socket-io tailwindcss vercel websocket
Last synced: about 1 month ago
JSON representation
Real time chat app using socket.io
- Host: GitHub
- URL: https://github.com/codersuresh/real-time-chat
- Owner: coderSuresh
- Created: 2023-08-09T05:29:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-25T04:34:05.000Z (6 months ago)
- Last Synced: 2024-06-25T05:40:15.995Z (6 months ago)
- Topics: cors, express, nextjs, socket-io, tailwindcss, vercel, websocket
- Language: TypeScript
- Homepage: https://chat-codersuresh.vercel.app
- Size: 2.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Real Time Chat Application
This is a simple real time chat application built using Next.js, Tailwindcss, Express, and Socket.io. Frontend is deployed on Vercel and backend is deployed on Render.com.
## Demo
You can test it out here:
[https://chat-codersuresh.vercel.app/](https://chat-codersuresh.vercel.app/)## Table of Contents
- [Purpose](#purpose)
- [Screenshots](#screenshots)
- [Features](#features)
- [Links](#links)
- [What I Learned](#what-i-learned)
- [Continued Development](#continued-development)## Purpose
The purpose of this project was to learn how to use Socket.io to build a real time chat application.
## Screenshots
![Real time chat web app](/public/screenshot.png)
## Features
- Auto scroll to bottom when new message is received
- Enter username to join chat
- Real time chat with other users
- See who has joined the chat## Links
- [Live Site](https://chat-codersuresh.vercel.app/)
- [Source Code](https://github.com/codersuresh/real-time-chat)## What I Learned
- To use Socket.io to build a real time chat application
- How to use Socket.io with Next.js and Express
- How to deploy Next.js frontend on Vercel and Express backend on Render.com## Continued Development
Eventhough the sole purpose of this project was to learn how to use Socket.io, I plan to continue to work on this project. Some of the features I plan to add are:
- Show who is online
- Show who left the chat
- Add ability to send images
- Add real time typing indicator
- Add ability to create multiple chat rooms
- Add ability to send private messages