Skip to content

BhuwanPandey/django-reactjs-chatapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

34 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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!!

About

Fullstack chat application using django rest framework and reactjs

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors