This project is a React app that was completed by Dino Pranjic, Mustapha Baltalji and Seun Oshitade. It presented an opportunity to learn new technologies and build a product in a collaborative and projectized environment.
Inpsired by popular messaging apps like Slack and Discord, Jabber is a feature-rich messaging app. We set out to build a multi-user chat platform which includes features that could enhance personal and group/project productivity, with some elements of personalized entertainment.
- Frontend: React, Redux, Styled Components, Material UI
- Backend: Node, Express, Firebase (Firestore Database, Cloud Functions, Authentication)
- API Intergations: Video Chat, Spotify Music, React Uploader
- Secured user login (OAuth)
- Text chat with optional private chat feature
- Video Chat with complete set of related features
- Spotify login with personalized playlist per loggedIn user
- Project tracker, mapped to each chat room
- Personal todo list, mapped to each loggedin user
- Image drag and drop for sharing images/ screen shots
- A Resources feature for storing urls relating to respective projects
You can access the live demo here. The app is currently set up for standard-size/ large screen views. Mobile and touchscreen views will be supported in subsequent versions.
jabber1min3-mov.mov
-
Login
-
Overview
-
Private Channel
-
Drag-and-drop file
- @material-ui/core
- @material-ui/icons
- @reduxjs/toolkit
- emoji-picker-react
- firebase
- react
- react-dom
- react-firebase-hooks
- react-redux
- react-router-dom
- react-scripts
- react-spinkit
- react-spotify-web-playback
- react-uploader
- styled-components
Future iterations of Jabber will include the following developments:
- Ability to register organizations for dedicated instances of the app
- Responsive view on all screen sizes
- Fuzzy search and additional features that will leverage on the fuzzy search feature
The above list is not exhaustive.
Access Jabber from your desktop at https://jabber-cd1e1.web.app/. Sign in securely with your Google account and explore the features. This version of the app is optimized for full screen view. The music player is accessible only to premium users of Spotify.
Selected aspects of this project may be subject to intellectual property rights.