django-whatsapp-web-clone icon indicating copy to clipboard operation
django-whatsapp-web-clone copied to clipboard

A WhatsApp Web Clone Chat Application for those developers that like to use Django Channel for handling WebSocket request

A WhatsApp Web Clone Chat Application for those developers that like to use Django Channel for handling WebSocket request

Django CI

Demo

Login User1

  • Url: https://dj-whatsapp-demo.ml/admin/login/ (Use Chrome Browser)
  • Login: johnny2020
  • Pass: johnny2020

Login User2

  • Url: https://dj-whatsapp-demo.ml/admin/login/ (Use Microsoft Edge or any browser except Chrome)
  • User: jay1234
  • Pass: jay1234

Start Chat

Make sure to login using User1 or User2

https://dj-whatsapp-demo.ml/chat/2/

Send GIFs by GIPHY

ezgif-7-8f0423e40e28

Screenshot of 2 users exchanging message

image

Screenshot Sharing blob image

image

Screenshot Loading & Save message

image

Installation

cd django-whatsapp-web-clone/

python3.7 -m venv env
. env/bin/activate
pip install -r requirements

How to run development server?

create all the required tables

python manage.py migrate

create superuser

python manage.py createsuperuser

start redis service using podman

podman run -p 6379:6379 -d redis:5

create .env file

add the following variable & replace it based on your own development keys

API_KEY=YourOwnGiphYAPIKeysdfasjfdgdf

SECRET_KEY=YourOwnSecretKey71041jkfohdslflasdfjhaljdfa

run the development server

python3 manage.py runserver
or
daphne -b 0.0.0.0 -p 8088 django_channel_tutorial.asgi:application

Youtube video tutorial

Youtube

Help

Need help? Open an issue in: ISSUES

Contributing

Want to improve and add feature? Fork the repo, add your changes and send a pull request.