Tattler

Web application for comfortable communication between users

Main features:

• Real-time messaging on three levels:
  • Channel messages
  • Private messages
  • Group messages
• Real-time global notification system in case of creating a room with users
• Server-based authentication when re-entering the website
• Renewing a token after it has expired using the refresh token (Http only)
• Loging and registration
• The system detects writing by another user and shows an animation with his avatar
• Full responsiveness of the website for mobile devices and tablets

Technology stack

Front-end

• Javascript, JSX
• React
• Node.js
• Socket.io-client
• Axios

Backend

• Python
• Flask Restful
• PonyORM
• PostgreSQL
• Flask_socketio

Snippets (click to open a video)

Public channels presentation

Registration with private & group rooms

Global notification system

Refreshing token experiment (access token has 4 seconds of life for experimental purposes)

Website responsiveness