/django_messenger

Django Messenger - A FullStack One to One messenger/ Chat Application built with Django REST Framework and React.

Primary LanguageJavaScript

Django Messenger 🌨️

Django Messenger is a chat application built with React and Django REST Framework. It enables users to have realtime one-to-one conversations.

Lil bit About this app:

  • JWT Authentication
  • Django Channels for WebSocket Communication
  • User Relations
  • Zustand for State management
  • Realtime Chat updates and Notifications
  • etc.,

For Full Demo: https://www.youtube.com/watch?v=GjzBtjxXUOo

Preview

  • The Main Layout (Chat Area) image image

  • User Detial image

  • Is Typing? Indicator image

  • Real-Time Chat Notifications image

  • Search for other users, And add them as your Freind! image

  • Edit your Profile! image

Getting Started

Clone this repository to your local machine and rename the .env.example file found in the frontend directory of the project to .env and update the environment variables accordingly. Refer this blog for configuring Firebase.

Linux:

$ docker-compose up

Windows:

C:\folder\django_messenger> docker compose up

Navigate to http://localhost:8080/ and start texting...

Thank You 💖