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: 11 days 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 (12 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T21:02:27.000Z (10 months ago)
- Last Synced: 2025-05-31T17:56:45.438Z (about 1 month 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
## 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
```