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

Demo

Login User1

• Url: https://demo.josnin.dev/django-whatsapp-clone/admin/login/ (Use Chrome Browser)
• Login: johnny2020
• Pass: johnny2020

Login User2

• Url: https://demo.josnin.dev/django-whatsapp-clone/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://demo.josnin.dev/django-whatsapp-clone/chat/2/

Send GIFs by GIPHY

Screenshot of 2 users exchanging message

Screenshot Sharing blob image

Screenshot Loading & Save message

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.