Skip to content

BhuwanPandey/django-reactjs-chatapp

Folders and files

NameName
Last commit message
Last commit date
Mar 31, 2024
Oct 1, 2024
Mar 31, 2024
Mar 31, 2024
Mar 13, 2024
Mar 31, 2024
Mar 31, 2024
Mar 23, 2024
Mar 31, 2024
Mar 31, 2024
Apr 5, 2024
Mar 13, 2024
Mar 31, 2024

Repository files navigation

A Simple ChatApp, built with Django and ReactJs.

Screenshot 2024-03-31 135859

 

Included features:

  • πŸ’¬ Chat
  • πŸ”΄ Online/Offline friends status
  • πŸ”‘ "Is typing..." status
  • πŸ‡ Random profile picture generation
  • πŸ‘¨πŸ‘© User Creation and Update
  • πŸ”’ Authentication and Permission

Tech Stack:

  • 🐍 Python 3.11
  • πŸ“” Sqlite
  • 🎯 Redis for caching
  • ⚑ Django Channels for chat and online status
  • πŸ”‘ Token Base Authentication
  • 🐳 Docker + docker-compose to ease deployment and development

Deploy on your local machine with Docker

Open a shell and clone this repository:
https://github.com/BhuwanPandey/chatapp-fullstack.git

Navigate inside project docker folder:
cd chatapp-compose

Start all services:
docker compose up -d --build (Run this one time of creation)

 

Later you can use: docker compose up After,visit at localhost:3000

Locally without Docker

For Backend

create virtual enviroment
python -m venv env
cd env/scripts ./activate (For Window)
source env/bin/activate  (For Linux)
pip install -r requirements.txt
python manage.py runserver
visit at localhost:8000  

For Frontend

Change directory
cd chat-frontend
npm install
create .env add
REACT_APP_BACKEND_API=
REACT_APP_CHAT_API=
npm start
visit at localhost:3000

Note

This product isnot eligible for Production use, Here are the reason

  • It used sqlite as database
  • It didnot include testcases
  • Still there are lot of validation Required
  • Website isnot fully responsive

Support

Show your support by 🌟 the project!!