https://github.com/milan-sony/chatapp

A simple chat app build on MERN stack
https://github.com/milan-sony/chatapp

daisyui mern mern-stack react reactjs tailwindcss zustand

Last synced: 2 days ago
JSON representation

A simple chat app build on MERN stack

• Host: GitHub
• URL: https://github.com/milan-sony/chatapp
• Owner: milan-sony
• Created: 2024-12-06T09:44:47.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2025-01-08T08:59:58.000Z (5 months ago)
• Last Synced: 2025-02-05T08:25:29.768Z (4 months ago)
• Topics: daisyui, mern, mern-stack, react, reactjs, tailwindcss, zustand
• Language: JavaScript
• Homepage:
• Size: 221 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ChatApp

A simple chat app build on **MERN stack**

[Backend API URL](https://github.com/milan-sony/api_chatapp)

## 🗝 Key features of ChatApp

✨ TailwindCSS + Daisy UI

🔐 Authentication & Authorization with JWT

💬 Real-time messaging with Socket.io

🚀 Online user status

🔗 Global state management with Zustand

🐞 Error handling both on server and client side

## Run locally

### Clone this project

```

git clone https://github.com/milan-sony/ChatApp.git

```

### Prerequisite

`node version: >=18.0.0 <22.11.0`

`npm version: >=8.0.0 <10.9.0`

### Install the packages/dependencies needed for this project

```

npm install

```

### Setup .env file

Under the root directory make a file named `.env`

```

VITE_APP_API_URL = http://localhost:3000/api/v1

```

### Run the project

```

npm run dev

```

### Screenshot