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

https://github.com/aakashdixit22/chat-frontend


https://github.com/aakashdixit22/chat-frontend

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Real-Time Chat App

A feature-rich real-time chat application where users can seamlessly communicate, share files, and interact with messages.

## ๐Ÿš€ Features

- **Real-time messaging** powered by Socket.io
- **File sharing** (Images, PDFs, and Documents)
- **Emoji reactions** to messages
- **Edit & delete** messages
- **Offline notifications** with Twilio SMS service
- **Typing indicators**
- **User online/offline status**

## ๐Ÿ› ๏ธ Tech Stack

- **Frontend:** React + Vite
- **Backend:** Node.js (Express)
- **Real-time communication:** Socket.io
- **Notifications:** Twilio

## ๐Ÿ“ Project Setup

### Clone the repository
```bash
git clone https://github.com/yourusername/chat-frontend.git

```

### Install dependencies

```

#### For frontend
```bash
cd frontend
npm install
```

#### Frontend `.env`
```bash
VITE_BACKEND_URL=http://localhost:5000
VITE_STREAM_API_KEY=your_stream_api_key_here
```

```

#### Frontend
```bash

npm run dev
```

The app will now run at `http://localhost:5173`

## ๐ŸŽฏ Future Improvements

- Group chats
- Message read receipts
- Push notifications

## ๐Ÿค Contributing

Contributions are welcome! Feel free to fork the repo and create a pull request.

## ๐Ÿงพ License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---