Flack - An Online Messaging Web Application

Full-Stack

The challenge: Build an online messaging service using Flask, similar in spirit to Slack. Users will be able to sign in to the site with a display name, create channels (i.e. chatrooms) to communicate in, as well as see and join existing channels. Once a channel is selected, users will be able to send and receive messages with one another in real-time.

What I did:

  • Built this web application using WebSocket in Flask.
  • Developed user authentication and chat history using Local storage.
  • Built features like creating chat rooms, view, and join existing channels using Flask-SocketIO.
  • Implemented features like send and download images using JavaScript.
  • Bootstrap was used as the frontend library and Handlebars as a templating language.

Technology I used:

  • Flask
  • Flask-SocketIO
  • Handlebars
  • Plain JavaScript
  • Bootstrap
  • Sass

View Project

View Code