Skip to content

Latest commit

 

History

History
74 lines (57 loc) · 2.55 KB

README.md

File metadata and controls

74 lines (57 loc) · 2.55 KB

WebChat

This project is an attempt to create an instant messaging website, similar to WhatsApp Web.

The website currently supports:

  • Individual Chats
  • Group chats
  • Multi media messaging (images, audios, videos, etc)

Steps to Set Up The Webpage

  1. Create a docker container for the mongo db server
    docker run -d -p 27017:27017 mongodb-server mongo:latest

  2. Create the config properties file (Location: src/configuration/config.properties)
    CLOUD_NAME={Cloudinary Cloud Name / Username}
    API_KEY={Cloudinary API Key}
    API_SECRET={Cloudinary API Secret}
    FLASK_SECRET_KEY={Unique Secret Key}
    MONGODB_DB_STRING={NOT USED! IGNORE!}
    MESSAGE_LIMIT_PER_SCREEN={Provide integer value}

  3. Start the Flask server
    python main.py

  4. Visit localhost:8080 to access the page. # and then login to the website. Enjoy!

Tech Stack

  • Backend: Flask Web Server (Python based)
  • Front End: HTML + CSS + Javascript + Bootstrap
  • Data Base: MongoDB (SQL databases are also supported)
  • Messaging: WebSockets (For lower latency and faster performance, compared to HTTP requests)

Further Development

  • Further development of the project, to add support for audio and video calls, are being considered.
  • The project is open to any of sort of help, suggestions or criticisms.

Screenshots

Login Screen:

Chat Window:

View Images In Chat:

Create New Groups: