Friday, Aug 24, 2018
shippedMessaging interface for spoonsor
Buğra Gündüz built out a complete messaging flow in spoonsor, connecting sidebar interactions to real-time message display and sending.
The day centered on wiring a messaging feature across multiple layers. Gündüz started by displaying interacted users in the sidebar [1], then created an API endpoint to list all messages exchanged between users [2]. Once that foundation was in place, he connected the sidebar to the messaging interface: when a user is chosen from the sidebar, the system loads the messages UI [3], displays the messages themselves [4], and shows user info in the messages view [5]. He also ensured the mobile layout worked properly [6]. On the send side, selecting a user from the sidebar now joins the chat room [7], and users can send messages [8]. The final piece made messages real-time [9], so conversations update without refreshing. Nine commits across bgrgndzz/spoonsor knitted these pieces together into a working chat interface.
Sources
- display interacted users in the sidebar · bgrgndzz/spoonsor
- create api endpoint for a list of all messages exchanged · bgrgndzz/spoonsor
- load messages ui when a user is chosen from the sidebar · bgrgndzz/spoonsor
- display messages when a user is chosen from the sidebar · bgrgndzz/spoonsor
- display user info in messages view · bgrgndzz/spoonsor
- fix mobile messages ui · bgrgndzz/spoonsor
- join room when a user is chosen from the sidebar · bgrgndzz/spoonsor
- send message · bgrgndzz/spoonsor
- make messages real-time · bgrgndzz/spoonsor