https://github.com/thuongtruong1009/chatter

💬 Chat realtime with others
https://github.com/thuongtruong1009/chatter

chat expressjs mongodb nodejs reactjs realtime socket zustand

Last synced: 28 days ago
JSON representation

💬 Chat realtime with others

• Host: GitHub
• URL: https://github.com/thuongtruong1009/chatter
• Owner: thuongtruong1009
• License: mit
• Created: 2024-04-23T16:19:35.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-01T20:47:47.000Z (10 months ago)
• Last Synced: 2024-11-17T06:44:26.558Z (3 months ago)
• Topics: chat, expressjs, mongodb, nodejs, reactjs, realtime, socket, zustand
• Language: JavaScript
• Homepage: https://chatter-40vx.onrender.com
• Size: 4.24 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
🗨️ Chatter


### 🚀 [Live Demo](https://chatter-40vx.onrender.com/)

![Preview](/public/preview.png)

### 🔨 Tech stack

- 🌟 Tech stack: Node(Express) + Socket.io + React + TailwindCSS + Daisy UI

- 🎃 Authentication && Authorization with JWT

- 👾 Real-time messaging with Socket.io

- 🚀 Online user status (Socket.io and React Context)

- 👌 Global state management with Zustand

- 🐞 Error handling both on the server and on the client

- ⭐ Custom hooks for handling forms and authentication

- ⏳ Loading state for async operations

- 🚀 Deploy on production

### 👩‍💻 Run the app locally

1. Clone the repository

```shell

git clone https://github.com/thuongtruong1009/chatter.git

```

2. Install dependencies

```shell

npm install

```

3. Create a `.env` file in the root directory and add the following environment variables:

```js

cp.env.example.env;

```

4. Start the app

```shell

npm run dev

```

### Build the app

```shell

npm run build

```

### Start the app

```shell

npm start

```