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:
-
Workspaces
- View all workspaces
- Create a workspace
- Update a workspace
- Join a workspace
- Leave a workspace
- Delete a workspace
-
Channels
- View all channels
- Create a channel
- Update a channel
- Join a channel
- Leave a channel
- Delete a channel
-
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