BitBabble

Live App: https://bitbabble.onrender.com/

BitBabble is a clone of the slack application. It consists of workspaces and channels that allow users to interact and work together to get more done.

It is built with a Flask/SQLalchemy backend and a the front end is rendered with react. It is deployed on render and has full websocket integration to read, update, delete and send messages in real-time.

Technologies Used:

• Flask
• SQLalchemy
• React
• Redux
• Websockets
• Render
• Postgres
• Alembic

Libraries Used:

• React-Redux
• React Bootstrap
• Bootstrap
• Socket.io-client
• Flask-socketIO
• Gunicorn
• Greenlet
• WTForms

Languages:

• Javascript
• Python
• JSX
• CSS

Homepage:

Logged-In Landing Page:

Workspace and Channel Page:

Features:

1. Workspaces

   • View all workspaces
   • Create a workspace
   • Update a workspace
   • Join a workspace
   • Leave a workspace
   • Delete a workspace

2. Channels

   • View all channels
   • Create a channel
   • Update a channel
   • Join a channel
   • Leave a channel
   • Delete a channel

3. Messages

   • View all messages for a channel
   • Send a message to a channel
   • Update a message you sent
   • Delete a message you sent

Features Coming Soon!

• Direct Messages