GithubHelp home page GithubHelp logo

chengyilin / taigon Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 1.78 MB

Side Project : Full Stack ( React & Django )

Python 17.87% JavaScript 43.08% HTML 0.40% SCSS 38.65%
react django redux django-rest-framework

taigon's Introduction

Taigon

tags: Readme

Taigon is a real-time chat app project written by React(Front-End) and Django(Backend).

Link : http://taigon.martin-lin.com/

  • There are multiple chatrooms with eight categories you can join
  • You can real-time send a text message or picture in the chatroom
  • You also can create your own chatroom you want in the lobby

Demo

Front-End code : quick_link Website Link : http://taigon.martin-lin.com/

You can login as a test user:

  • account: test
  • password: test

Framework and Library

Front-End

Technique Description
React use React building a Single Page Application
Redux use Redux manage global state in this project
Router use React Router setting up routes for this project
Webpack use Webpack bundle my Front-End modules
Babel use Babel transpiling the JSX code

Backend

Technique Description
Django use Django as Backend framework
Django REST framework use Django REST framework building Web APIs
Django Channel use Django channel dealing with WebSockets, chat protocols

Database

Technique Description
PostgreSQL use Postgres manage the relation database

Database Design

There are One to One, One to Many, Many to Many relationships in this project

React Component Design

ToDo List

  • Update UI/UX

  • Redesign Database
  • Add Friends feature in project

Contact

Name : Cheng Yi Lin Email : [email protected]

taigon's People

Contributors

chengyilin avatar dependabot[bot] avatar

Stargazers

Roman avatar

Watchers

James Cloos 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.