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

https://github.com/kajaldeore04/realtime-chat-app

A real-time chat application built with React, Node.js, and Express, featuring secure user authentication, instant messaging via Socket.io, and a responsive UI styled with Tailwind CSS and DaisyUI. State management is handled efficiently with Zustand to ensure smooth performance.
https://github.com/kajaldeore04/realtime-chat-app

backend chatapp frontend fullstack javascript mern-stack messagingapp nodejs react realtimemessaging secure user-authentication websocket

Last synced: about 2 months ago
JSON representation

A real-time chat application built with React, Node.js, and Express, featuring secure user authentication, instant messaging via Socket.io, and a responsive UI styled with Tailwind CSS and DaisyUI. State management is handled efficiently with Zustand to ensure smooth performance.

Awesome Lists containing this project

README

          

# ChatApp
![Demo App](https://i.ibb.co/4Y6NpCj/Screenshot-2024-11-10-123329.png)

Some Features:

- 🌟 Tech stack: MERN + Socket.io + 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

### Setup .env file

```js
PORT=...
MONGO_DB_URI=...
JWT_SECRET=...
NODE_ENV=...
```

### Build the app

```shell
npm run build
```

### Start the app

```shell
npm start
```