Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mujtabamohamed/chat-wave

ChatWave is a real-time chat application that allows users to communicate instantly. The project is built with a modern tech stack to ensure a responsive and interactive user experience.
https://github.com/mujtabamohamed/chat-wave

backend bcrypt chat-application expressjs frontend full-stack mern mongodb nodejs react reactjs real-time realtime-chat socket-io tailwindcss

Last synced: about 1 month ago
JSON representation

ChatWave is a real-time chat application that allows users to communicate instantly. The project is built with a modern tech stack to ensure a responsive and interactive user experience.

Host: GitHub
URL: https://github.com/mujtabamohamed/chat-wave
Owner: mujtabamohamed
Created: 2024-07-05T20:32:32.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-09-16T21:02:27.000Z (5 months ago)
Last Synced: 2024-11-08T08:44:03.640Z (3 months ago)
Topics: backend, bcrypt, chat-application, expressjs, frontend, full-stack, mern, mongodb, nodejs, react, reactjs, real-time, realtime-chat, socket-io, tailwindcss
Language: JavaScript
Homepage: https://chat-wave-online.onrender.com/
Size: 1.64 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# ChatWave

ChatWave is a real-time chat application that allows users to communicate instantly. The project is built with a modern tech stack to ensure a responsive and interactive user experience.

## Demo

https://chat-wave-online.onrender.com/

## Screenshots

![Sign up](https://i.postimg.cc/5yqdTGtW/Pic-1.png)
![Sign in](https://i.postimg.cc/DfqTSWPp/Pic-2.png)
![Chat](https://i.postimg.cc/28rfhzHk/Pic-3.png)

## Tech Stack

- **Frontend**: React, TailwindCSS
- **Backend**: Node.js, Express.js
- **Database**: MongoDB
- **WebSockets**: Socket.io

## Installation

**Clone the repository**
```bash
https://github.com/mujtabamohamed/chat-wave.git
cd chat-wave
```

**Install dependencies**
- **For the server:**
```bash
cd server
npm install

```
- **For the client:**
```bash
cd client
npm install
```

## Set up environment variables:

- **Create a .env file in the server directory and add your configuration.**
```bash
REACT_APP_API_URL=
```

- **Create a .env file in the client directory and add your configuration.**
```bash
PORT=
JWT_SECRET_KEY=
PG_USER=
PG_HOST=
PG_DATABASE=
PG_PASSWORD=

```

## Run the application

- **Start the server:**
```bash
cd server
npm start
```

- **Start the client:**
```bash
cd client
npm start
```