An open API service indexing awesome lists of open source software.

https://github.com/thutasann/mern-chat

MERN Chat + MultiPlayer Game App using React, Socket.io
https://github.com/thutasann/mern-chat

mern-stack peerjs redux-toolkit socket-io tailwindcss webrtc

Last synced: about 1 month ago
JSON representation

MERN Chat + MultiPlayer Game App using React, Socket.io

Awesome Lists containing this project

README

        

# MERN CHAT APP 💬

This is the Chat + Game Application crafted with MERN Stack & Socket.

[**Live Demo →**](https://mern-t-chat.vercel.app/)

## CORE FEATURES

- 🚀 Authentication
- 🚀 Search Users
- 🚀 One-One Chat
- 🚀 Group Chat
- 🚀 Rename Group Chat
- 🚀 Add/Remove Users
- 🚀 Notifications
- 🚀 Real-Time Typing
- 🚀 Video Chat (One - One)
- 🚀 Canvas Drawing (MultiPlayer)
- 🚀 TIC-TAC-TOE Game (One vs One)
- 🚀 Type Race Game (MultiPlayer)

## Onboarding and Games Screen

| ![Demo](/assets/demo.png) | ![Game](/assets/game.png) |
| ------------------------- | ------------------------- |

## Canvas Drawing

![Canvas Drawing](/assets/canvas.png)

## Tic-Tac-Toe Game

![TicTacToe Game](/assets/tic-tac-toe.png)

## Typing Race Game

![TicTacToe Game](/assets/type-race.png)

## Run Locally

Clone the project

```bash
git clone https://github.com/thutasann/mern-chat.git
```

Go to the project directory

```bash
cd chat-app
```

Install dependencies

```bash
cd frontend
yarn install
```

```bash
cd server
yarn install
```

Start the server

```bash
yarn dev
```

Start the Client

```bash
cd frontend
yarn start
```