Coder Social home page Coder Social logo

dhedegaard / webchat Goto Github PK

View Code? Open in Web Editor NEW
7.0 3.0 2.0 1.07 MB

A simple long-polling based solution to chat in a browser, implemented in django using React for the frontend.

Python 53.34% JavaScript 5.16% HTML 2.79% TypeScript 31.00% Dockerfile 1.53% SCSS 6.19%
django yarn polling webchat python react docker typescript

webchat's Introduction

Webchat

Build Status Coverage Status Requirements Status Codacy Badge

A simple Django app for doing webchat over HTTP, the frontend is implemented in React using Typescript, and uses the fetch API for long polling.

For running the Django part of the project

Make sure you've got a recent python (3.4+, 2.7 not supported by Django 2.0+) installed, with pip and virtualenv

Usually for developing, I do something like:

$ virtualenv venv
$ source venv/bin/activate
(venv) $ pip install -r requirements.txt
(venv) $ python manage.py runserver

For production usage you'll wanna look into using uwsgi, gunicorn or a similar WSGI-based application server.

For building and developing the typescript web app

Make sure you have a recent version of NodeJS installed, with npm and/or yarn.

For setting up the environment and installing the needed packages with yarn, feel free to substitue with npm:

$ cd webapp
$ yarn

For development there's a watch script, call it like:

$ yarn watch

For building a minified production bundle:

$ yarn start

The frontend uses a few polyfills for supporting IE10+, these include babel-polyfill for Promise and whatwg-fetch for fetch.

webchat's People

Contributors

dependabot[bot] avatar dhedegaard avatar requires avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.