Cloning Whatsapp Web
Client: Typescript, Next JS, Redux Toolkit, Socket IO Client, Mantine UI, Tailwind CSS, ESLint AirBNB
Server: Express, Prisma, Socket IO
- Login
- Register
- Private Chat
- Group Chat
- Contact
- Profile
- Search person by phone number
- Dynamic Theme (dark | light) mode
- Dynamic Walpapper Chat (custom color available)
- Realtime Chat
- Realtime multiple listen indicator when user typing
- Realtime notify when user invited group
To run this project, you will need to add the following environment variables to your .env file
BASE_URL_APINEXT_PUBLIC_KEY_COOKIES_LOGINNEXT_PUBLIC_KEY_COOKIES_USER
Install application with NPM
npm i
npm run dev
Di bawah ini merupakan demo implementasi percakapan secara privat & group dengan tema Mencari Takjil
Demo.Para.Pencari.Takjil.mp4
- Indicator message is delivered, read, error
- Total unread message
- Send Media (File, Image, Video, Voice Chat)
- Pin Chat
- Archive Chat
- Displays past date time information like : Yesterday, 1 Week Ago etc...
- Send Emoji
- Story
Here are some related projects
For support, email [email protected]
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent