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: