see it live here: babble
- direct messaging
- private group messaging
- authenticated sessions
- google + github login with firebase oauth
- add emoji reactions to messages
- assigned avatar pic if no profile pic provided
- react
- redux/react-redux
- react router
- firebase/react-rebase
- firebase/oauth
- aphrodite for CSS in JS
|--App
| |--SignIn
| |--Main
| | |--SidedrawerContent
| | | |--UserInfo
| | | | |--Avatar
| | | | |--SignOutButton
| | | |--RoomList
| | | | |--RoomLink
| | | | |--NotificationsBadge
| | | |--DmList
| | | |--RoomLink
| | | |--NotificationsBadge
| | |--Backdrop
| | |--Chat
| | | |--ChatHeader
| | | | |--SidedrawerToggle
| | | |--MessageList
| | | | |--Message
| | | | |--Avatar
| | | | |--Metadata
| | | | |--EmojiPicker
| | | |--MessageForm
| |--RoomDmForm
| |--MultipleSelectInput
| |--NewRoomInputs