Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Django- React realtime chat web application using Websocket

Notifications You must be signed in to change notification settings

Faizgeeky/Django_Websocket_Chatapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Django-React-Realtime-Chat-APP

Django -React realtime chat web application using Websocket

This repository contains a Django WebSocket server and a React client for a real-time chat application.

Features

  • Authentication: Users can log in using JWT (JSON Web Tokens) for secure authentication.
  • Send Interest: Users can send interest requests to other users.
  • Accept/Reject Interest: Users can accept or reject interest requests.
  • Real-time Chat: Users can chat in real time with users who have accepted their interest.
  • Dashboard: View and manage pending and accepted users from a dashboard.

Demonstration Video

  • Watch the demonstration video below to see the application in action:
demo.1.1.mp4

Setup Instructions

Clone the Repository

To get started, clone the repository to your local machine:

git clone https://github.com/Faizgeeky/Django_RealTime_ChatApp.git
cd Faiz-Z_Tech-Task

Setting Up the Django WebSocket Server

  1. Navigate to the server folder:

    cd server
  2. Install the required dependencies:

    pip install -r requirements.txt
  3. Run the Daphne server:

    daphne -p 8000 server.asgi:application

Setting Up the React Client

  1. Navigate to the client folder:

    cd ../client
  2. Install the required dependencies:

    npm install
  3. Start the React application:

    npm start

How the Application Works

This project uses Django Rest Framework (DRF) APIs and Django Channels to build a real-time chat application.

Postman Collection

A API.postman_collection.json file is included for easy testing of the API endpoints with Postman. Simply import this file into Postman to get started.

Morty Proxy This is a proxified and sanitized view of the page, visit original site.