Whatsapp Clone Client Repository

• Backend Repository: https://github.com/offiongbassey/whatsapp_be

About

This Whatsapp Clone is a web version that allows you to chat and make video call amongst your friends. It leaverages biodirectional communication technologies such as WebRTC and socket.io for real-time data transmission, enabling seamless messaging and video calls by emiting and listening to events.

Features

• Authentication: Signup & Login
• Group Chat: Create groups, add members and send messages
• Chat: Send messages, reply & react to messages, delete messages, send files (Images, videos & documents).
• Profile: Update profile image
• Video Call
• Theme: Dark Mode and Light Mode (Tailwind)

Installation

1. Clone the repository:

  https://github.com/offiongbassey/whatsapp_fe.git

2. Install dependencies:

npm install

or

yan install

4. Setup Environment Variables:

REACT_APP_API_ENDPOINT=http://localhost:8080/api/v1
REACT_APP_CLOUD_NAME=
REACT_APP_CLOUD_SECRET=
REACT_APP_DARK_BACKGROUND=https://res.cloudinary.com/dmhcnhtng/image/upload/v1677358270/Untitled-1_copy_rpx8yb.jpg

6. Start the application on Development Mode:

   npm run dev

or

   yarn dev

7. Access the application at:

https://localhost:3000