Skip to content

📩💻Full fledged working messaging web app. Users can signup and message each other in different channels.

Notifications You must be signed in to change notification settings

AdityaGoyal1999/messaging-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flack Messaging Application

The project has a chat web application, Flack. It is a single page app that once logged in, doesn't requrie to be loaded again. The app remembers the person once logged in and even after the person has closed the browser. It even remembers the channel that the person was most recently on.

The app is carefully created in order to be supported by all major browsers in the market. Security for the app is also ensured by using a separate server side and client side approach.

Project demonstration

Use of Local Storage of browser - to keep username and last visited channel information.

Languages and frameworks used:

  • Flask/python: for server side processing.
  • HTML: Structure of the page.
  • JavaScript: Client side processing of the web app.
  • SCSS, CSS: Styling of the page.
  • Bootstrap: Assisting with the styling of the page.

Note for developers: The documentation is well commented and code repetition has been minimized.

🚀Quickstart

Download the dependencies

pip install -r requirements.txt

📈Running app

export FLASK_APP=application.py
flask run

⚠️Information on Project

The project has a chat web application, Flack. It is a single page app that once logged in, doesn't requrie to be loaded again. The app remembers the person once logged in and even after the person has closed the browser. It even remembers the channel that the person was most recently on.

Use of Local Storage of browser - to keep username and last visited channel information.

  • If the user logs into the web app for the first time, he will be prompted with a field to enter his/her name. The name will be stored even when the user closes thee browser window.

  • The chat can have multiple unique channels and when a user creates one, all other users can automatically see it and send receive/send messages.

  • The user is able to see a list of channels from the left pannel and select any one of them to interact in it.

  • The app only stores 100 most recent messages and removes the older ones. This is consistent with the server and client side.

  • The messages send by a user has text, username and time when the message is sent. It is saved in the specific channel that the user is on. Moreover, the user doesn't need to reload the page to view the new ones.

  • Once the user has closed the browser window, he will be taken to the most recent channel once he comes back to the page.

  • The user can delete the message that he once sent. The message gets deleted with a beautiful animation and it is also removed from the server.

  • The project has a README.md (this one).

  • No new packages where installed to be added on the requirements.txt

Code of conduct

Interest in contributing to the project is much appreciated and welcomed. If you would like to know more about it, contact me on my LinkedIn

About

📩💻Full fledged working messaging web app. Users can signup and message each other in different channels.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published