https://github.com/sheninthjr/chat-app
Experience seamless communication with our Real-Time Chat Application, crafted with Next.js and WebSockets. Connect with others instantly, fostering real-time conversations in a secure and dynamic environment.
https://github.com/sheninthjr/chat-app
docker-compose express nextjs redis tailwindcss typescript websocket
Last synced: 2 months ago
JSON representation
Experience seamless communication with our Real-Time Chat Application, crafted with Next.js and WebSockets. Connect with others instantly, fostering real-time conversations in a secure and dynamic environment.
- Host: GitHub
- URL: https://github.com/sheninthjr/chat-app
- Owner: sheninthjr
- Created: 2023-11-18T15:37:01.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-09T06:42:49.000Z (over 2 years ago)
- Last Synced: 2025-06-02T19:55:11.960Z (about 1 year ago)
- Topics: docker-compose, express, nextjs, redis, tailwindcss, typescript, websocket
- Language: TypeScript
- Homepage: https://chatapp-phi-nine.vercel.app
- Size: 1.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sheninth Jr Chat App
## Jr Chat App

# Realtime Chat Application with Next.js, WebSockets, and Redis
This repository houses a modern and scalable realtime chat application built with Next.js, WebSockets, and Redis. The application allows users to engage in instant messaging with a responsive and interactive user interface.
## Features:
### Next.js:
Utilizes the power of Next.js for server-side rendering, optimized performance, and a seamless development experience.
### WebSockets:
Enables realtime bidirectional communication between the server and clients, ensuring instant message updates and a smooth user experience.
### Redis:
Serves as a scalable and efficient message broker, storing and distributing messages among connected clients for enhanced performance and reliability.
### Responsive UI:
A user-friendly and responsive interface that adapts to various devices, providing a consistent experience across desktop and mobile platforms.
### Frontend Setup
To run the frontend cd into this directory.
```
$ cd apps/client
```
Make a Fresh yarn install on this folder
```
$ yarn install
```
Then run the Nextjs Frontend.
```
$ yarn dev
```
### Local Setup
Run redis locally on your system
```
$ docker-compose up
```
This command helps you to run the redis database locally.
### Backend Setup
To run the Backend cd into this directory.
#### Step1
```
$ cd packages/backend
```
#### Step2
```
$ yarn install
$ tsc -b
$ node dist/index.js
```