https://github.com/thuongtruong1009/chatter
💬 Chat realtime with others
https://github.com/thuongtruong1009/chatter
chat expressjs mongodb nodejs reactjs realtime socket zustand
Last synced: 2 months 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-01T20:47:47.000Z (over 1 year ago)
- Last Synced: 2025-03-11T12:13:37.756Z (8 months ago)
- Topics: chat, expressjs, mongodb, nodejs, reactjs, realtime, socket, zustand
- Language: JavaScript
- Homepage: https://chatter-40vx.onrender.com
- Size: 4.24 MB
- Stars: 1
- 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/)
### 🔨 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
```