boarzVideosClipsStatistics

#️⃣EP 175 - How To Send Messages To Multiple Clients Through AWS Websocket

🎦
📅 2022-02-13 (662 days ago)
⌛ 1:02:05
ZainboarToreyboar
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
001
Build Break and Code
📅 2021-07-14 
(876 days ago)
⌛ 0:58:43
ZainboarKartikboar
002
Build, Break & Fix
📅 2021-07-15 
(875 days ago)
⌛ 0:53:45
ZainboarKartikboar
🎬
Krunchmaster Kartik
Build, Break & Fix
ZainboarKartikboar
003
Build, Break & Fix
📅 2021-07-16 
(874 days ago)
⌛ 1:09:05
ZainboarKartikboar
004
Special Edition: We don't stop until we get our code working
📅 2021-07-16 
(874 days ago)
⌛ 2:27:06
ZainboarKartikboar
🎬
Killing it
Special Edition: We don't stop until we get our code working
ZainboarKartikboar
005
Build,Break & Fix // Weekend two hour special
📅 2021-07-17 
(873 days ago)
⌛ 2:00:31
ZainboarKartikboar
🎬
Schooling in brown countries
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
🎬
Unprofessional Kartik
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
006
Build, Break & Fix
📅 2021-07-19 
(871 days ago)
⌛ 1:03:20
ZainboarKartikboar
007
Build, Break & Fix
📅 2021-07-20 
(870 days ago)
⌛ 1:04:37
ZainboarKartikboar
008
Build, Break & Fix
📅 2021-07-21 
(869 days ago)
⌛ 1:00:37
ZainboarKartikboar
009
Build, Break & Fix
📅 2021-07-22 
(868 days ago)
⌛ 1:17:02
ZainboarKartikboar
010
Build, Break & Fix
📅 2021-07-23 
(867 days ago)
⌛ 1:04:59
ZainboarKartikboar
011
Build, Break & Fix
📅 2021-07-23 
(867 days ago)
⌛ 1:48:16
ZainboarKartikboar
012
Build, Break & Fix
📅 2021-07-24 
(866 days ago)
⌛ 2:05:28
ZainboarKartikboar
013
Build, Break & Code //First Special Guest Appearance
📅 2021-07-26 
(864 days ago)
⌛ 1:09:09
ZainboarKartikboar
014
Build, Break & Fix
📅 2021-07-27 
(863 days ago)
⌛ 1:05:37
ZainboarKartikboar
015
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
📅 2021-07-28 
(862 days ago)
⌛ 1:07:46
ZainboarKartikboar
🎬
Brain Refresh
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
ZainboarKartikboar
016
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-29 
(861 days ago)
⌛ 1:03:57
ZainboarKartikboar
017
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-30 
(860 days ago)
⌛ 1:06:45
ZainboarKartikboar
018
Build, Break & Fix // creating get methods with FETCH API
📅 2021-07-30 
(860 days ago)
⌛ 2:00:16
ZainboarKartikboar
019
Build, Break & Fix // BLOG REVEAL!! &Fixing our broken Hugo blog
📅 2021-07-31 
(859 days ago)
⌛ 2:03:11
📰
ZainboarKartikboar
020
Build, Break & Fix // Fixing the uncaught exception error in FETCH APIs
📅 2021-08-02 
(857 days ago)
⌛ 1:02:04
ZainboarKartikboar
021
Build, Break & Fix // Trying different things to resolve the error
📅 2021-08-03 
(856 days ago)
⌛ 1:04:49
📰
ZainboarKartikboar
022
Build, Break & Fix // Special Guest announcement for tomorrow!
📅 2021-08-04 
(855 days ago)
⌛ 1:03:15
📰
ZainboarKartikboar
023
Special Episode : Talking to a Principal Developer at Seek
📅 2021-08-05 
(854 days ago)
⌛ 1:04:56
📰
ZainboarKartikboar
024
Build, Break & Fix // Working out Software design
📅 2021-08-06 
(853 days ago)
⌛ 1:08:19
📰
ZainboarKartikboar
🎬
Finger driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
🎬
Fast food driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
025
Build, Break & Fix
📅 2021-08-06 
(853 days ago)
⌛ 2:01:05
📰
ZainboarKartikboar
🎬
Can't be ashamed if there's never a first version
Build, Break & Fix
ZainboarKartikboar
🎬
Not a uni student
Build, Break & Fix
ZainboarKartikboar
026
Weekend Special 1.5 hours
📅 2021-08-08 
(851 days ago)
⌛ 1:35:49
📰
Zainboar
027
30 mins of deployment 😠 || 30 mins of coding 🥲
📅 2021-08-09 
(850 days ago)
⌛ 1:07:48
📰
ZainboarKartikboar
🎬
Can't work, deploying
30 mins of deployment 😠 || 30 mins of coding 🥲
ZainboarKartikboar
028
Today's Broadcast
📅 2021-08-10 
(849 days ago)
⌛ 1:18:59
📰
ZainboarKartikboar
🎬
Two points of contact
Today's Broadcast
ZainboarKartikboar
🎬
CORS exclusive lovin'
Today's Broadcast
ZainboarKartikboar
029
Build Break Fix
📅 2021-08-11 
(848 days ago)
⌛ 1:01:46
📰
ZainboarKartikboar
030
Today's Stream
📅 2021-08-12 
(847 days ago)
⌛ 1:09:24
📰
ZainboarKartikboar
🎬
Sensible policy
Today's Stream
ZainboarKartikboar
🎬
Shoes in mouth
Today's Stream
ZainboarKartikboar
031
Buidl Break Fix
📅 2021-08-13 
(846 days ago)
⌛ 1:05:05
📰
ZainboarKartikboar
🎬
The code always wins
Buidl Break Fix
ZainboarKartikboar
🎬
Chicken curry in the brown way
Buidl Break Fix
ZainboarKartikboar
032
Today's Broadcast
📅 2021-08-14 
(845 days ago)
⌛ 1:20:18
📰
ZainboarKartikboar
033
Build - Break - Fix
📅 2021-08-15 
(844 days ago)
⌛ 1:34:03
📰
ZainboarKartikboar
034
Build Break Fix
📅 2021-08-16 
(843 days ago)
⌛ 1:18:19
📰
ZainboarKartikboar
🎬
Finger memory practice
Build Break Fix
ZainboarKartikboar
🎬
See you later Kartik
Build Break Fix
ZainboarKartikboar
035
Today's Broadcast
📅 2021-08-17 
(842 days ago)
⌛ 1:04:07
📰
ZainboarKartikboar
🎬
Keep your code looking sexy
Today's Broadcast
ZainboarKartikboar
🎬
Echo chamber Zain
Today's Broadcast
ZainboarKartikboar
🎬
And Kartik never got a job again...
Today's Broadcast
ZainboarKartikboar
036
Build, Break, Fix
📅 2021-08-18 
(841 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
037
Special Guest - Sam Nolan
📅 2021-08-19 
(840 days ago)
⌛ 1:05:19
📰
ZainboarKartikboar
038
Today's Broadcast
📅 2021-08-20 
(839 days ago)
⌛ 1:01:55
📰
ZainboarKartikboar
039
Today's Broascast
📅 2021-08-21 
(838 days ago)
⌛ 1:33:11
📰
ZainboarKartikboar
🎬
Pilot? What even iz dat kind of fing
Today's Broascast
ZainboarKartikboar
040
Build - Break - Fix
📅 2021-08-22 
(837 days ago)
⌛ 1:33:18
📰
ZainboarKartikboar
🎬
Fish and Chips
Build - Break - Fix
ZainboarKartikboar
🎬
Backup career
Build - Break - Fix
ZainboarKartikboar
041
Build Break Fix
📅 2021-08-23 
(836 days ago)
⌛ 0:57:11
📰
Zainboar
042
Today's Broadcast
📅 2021-08-24 
(835 days ago)
⌛ 1:06:08
📰
ZainboarKartikboar
🎬
Professional background? Wat even iz dat?
Today's Broadcast
ZainboarKartikboar
🎬
Private mentorship group
Today's Broadcast
ZainboarKartikboar
043
Today's Stream
📅 2021-08-25 
(834 days ago)
⌛ 1:13:08
📰
ZainboarKartikboar
🎬
Actually good job advice from Zain
Today's Stream
ZainboarKartikboar
044
Today's Stream
📅 2021-08-26 
(833 days ago)
⌛ 0:49:48
📰
ZainboarKartikboar
🎬
What a classic!
Today's Stream
ZainboarKartikboar
🎬
Uber driver in training
Today's Stream
ZainboarKartikboar
045
Today's Stream
📅 2021-08-27 
(832 days ago)
⌛ 1:08:21
📰
ZainboarKartikboar
046
Weekend Special
📅 2021-08-28 
(831 days ago)
⌛ 1:32:51
ZainboarKartikboar
047
Weekend Special
📅 2021-08-29 
(830 days ago)
⌛ 1:01:39
Zainboar
048
Today's Broadcast
📅 2021-08-30 
(829 days ago)
⌛ 1:17:19
ZainboarKartikboar
049
Today's Broadcast
📅 2021-08-31 
(828 days ago)
⌛ 1:00:16
ZainboarKartikboar
🎬
Viewer burn
Today's Broadcast
ZainboarKartikboar
050
CELEBRATION: 50th Episode
📅 2021-09-01 
(827 days ago)
⌛ 1:01:53
ZainboarKartikboar
051
Today's Broadcast
📅 2021-09-02 
(826 days ago)
⌛ 1:05:39
ZainboarKartikboar
🎬
Time for a nap
Today's Broadcast
ZainboarKartikboar
🎬
A sniffer of a line
Today's Broadcast
ZainboarKartikboar
🎬
Slow Zain
Today's Broadcast
ZainboarKartikboar
052
Today's Broadcast
📅 2021-09-03 
(825 days ago)
⌛ 1:12:47
ZainboarKartikboar
🎬
No single point of failure
Today's Broadcast
ZainboarKartikboar
🎬
Gambling on bad logic
Today's Broadcast
ZainboarKartikboar
🎬
Estimated Time of New-Careers
Today's Broadcast
ZainboarKartikboar
🎬
Fake Nod
Today's Broadcast
ZainboarKartikboar
053
NEW SETUP!!
📅 2021-09-04 
(824 days ago)
⌛ 1:04:04
ZainboarKartikboar
🎬
Investing in 'the brand'
NEW SETUP!!
ZainboarKartikboar
🎬
Hitting a brick
NEW SETUP!!
ZainboarKartikboar
🎬
Master of the green screen
NEW SETUP!!
ZainboarKartikboar
🎬
Logiclesstech
NEW SETUP!!
ZainboarKartikboar
054
Weekend Special
📅 2021-09-05 
(823 days ago)
⌛ 1:41:54
ZainboarKartikboar
055
Today's Stream
📅 2021-09-06 
(822 days ago)
⌛ 1:20:05
ZainboarKartikboar
🎬
Get him to the greenscreen
Today's Stream
ZainboarKartikboar
🎬
Change the digit to a number
Today's Stream
ZainboarKartikboar
056
Today's Broadcast
📅 2021-09-07 
(821 days ago)
⌛ 1:25:44
ZainboarKartikboar
🎬
The benefits of pair programming
Today's Broadcast
ZainboarKartikboar
057
Today's Stream
📅 2021-09-08 
(820 days ago)
⌛ 1:00:33
ZainboarKartikboar
🎬
Xs, the healthy choice
Today's Stream
ZainboarKartikboar
🎬
Xs vs mother
Today's Stream
ZainboarKartikboar
058
Today's Stream
📅 2021-09-09 
(819 days ago)
⌛ 1:13:08
ZainboarKartikboar
🎬
The beginning of the end of productivity
Today's Stream
ZainboarKartikboar
🎬
Unprofessional Zain
Today's Stream
ZainboarKartikboar
🎬
Blazing fast
Today's Stream
ZainboarKartikboar
🎬
Premature celebratory dance
Today's Stream
ZainboarKartikboar
🎬
Timeline slippage
Today's Stream
ZainboarKartikboar
🎬
Speed coding
Today's Stream
ZainboarKartikboar
059
Today's Broadcast
📅 2021-09-10 
(818 days ago)
⌛ 1:50:40
ZainboarKartikboar
🎬
Sorry I dont know that voice
Today's Broadcast
ZainboarKartikboar
🎬
Definition of done
Today's Broadcast
ZainboarKartikboar
🎬
Amway bites
Today's Broadcast
ZainboarKartikboar
🎬
A cool stream
Today's Broadcast
ZainboarKartikboar
🎬
Spooky Kartik
Today's Broadcast
ZainboarKartikboar
060
Today's Stream
📅 2021-09-12 
(816 days ago)
⌛ 1:02:36
ZainboarKartikboar
061
Today's Stream
📅 2021-09-13 
(815 days ago)
⌛ 1:00:40
ZainboarKartikboar
🎬
Water physics 101
Today's Stream
ZainboarKartikboar
🎬
Scrum master Zain
Today's Stream
ZainboarKartikboar
🎬
Zain applying his scrum master skills
Today's Stream
ZainboarKartikboar
062
Today's Stream
📅 2021-09-14 
(814 days ago)
⌛ 1:11:29
ZainboarKartikboar
063
Today's Stream
📅 2021-09-15 
(813 days ago)
⌛ 1:07:00
ZainboarKartikboar
🎬
Zain the blunderer
Today's Stream
ZainboarKartikboar
🎬
Healthier than other traditional drinks
Today's Stream
ZainboarKartikboar
🎬
Real headscratcha
Today's Stream
ZainboarKartikboar
🎬
Bracket blues
Today's Stream
ZainboarKartikboar
🎬
If statements are not good practice
Today's Stream
ZainboarKartikboar
🎬
Kappa Quality Code
Today's Stream
ZainboarKartikboar
🎬
Exciting switch statements
Today's Stream
ZainboarKartikboar
064
Today's Broadcast
📅 2021-09-16 
(812 days ago)
⌛ 1:20:45
📰
ZainboarKartikboar
🎬
Switched-on hat
Today's Broadcast
ZainboarKartikboar
🎬
Functions, one of the big coding challenges
Today's Broadcast
ZainboarKartikboar
🎬
Break fast
Today's Broadcast
ZainboarKartikboar
🎬
Blood and breath pumping up
Today's Broadcast
ZainboarKartikboar
🎬
Wrong since day 1
Today's Broadcast
ZainboarKartikboar
065
test
📅 2021-09-16 
(812 days ago)
⌛ 2:03:01
📰
ZainboarKartikboar
🎬
Electronic waves
test
ZainboarKartikboar
🎬
RAWR coders
test
ZainboarKartikboar
🎬
Transit in Japawn
test
ZainboarKartikboar
🎬
Xs sponsorship
test
ZainboarKartikboar
🎬
Lame roars
test
ZainboarKartikboar
🎬
Setting up a suppository in Diagon Alley
test
ZainboarKartikboar
🎬
Background Diagon Alley
test
ZainboarKartikboar
🎬
Half speed zain
test
ZainboarKartikboar
🎬
One second penetration
test
ZainboarKartikboar
🎬
Top loading switches
test
ZainboarKartikboar
🎬
Making it rain with CodeBuild
test
ZainboarKartikboar
066
Today's Broadcast
📅 2021-09-19 
(809 days ago)
⌛ 1:46:13
📰
ZainboarKartikboar
067
Today's Stream
📅 2021-09-20 
(808 days ago)
⌛ 1:03:46
📰
ZainboarKartikboarToreyboar
🎬
What is a sea cable?
Today's Stream
ZainboarKartikboarToreyboar
068
Today's Stream
📅 2021-09-21 
(807 days ago)
⌛ 1:09:13
📰
ZainboarKartikboarToreyboar
069
Today's Broadcast
📅 2021-09-22 
(806 days ago)
⌛ 1:03:51
📰
ZainboarKartikboar
070
Today's Stream
📅 2021-09-23 
(805 days ago)
⌛ 1:59:01
📰
ZainboarKartikboar
071
Today's Stream
📅 2021-09-24 
(804 days ago)
⌛ 0:28:57
📰
ZainboarKartikboar
072
Today's Stream
📅 2021-09-24 
(804 days ago)
⌛ 0:39:33
📰
ZainboarKartikboar
073
Today's Stream
📅 2021-09-26 
(802 days ago)
⌛ 1:21:14
📰
Zainboar
074
Today's Stream
📅 2021-09-27 
(801 days ago)
⌛ 1:03:40
📰
ZainboarKartikboar
075
Today's Stream
📅 2021-09-28 
(800 days ago)
⌛ 1:04:05
📰
ZainboarKartikboar
076
Today's Broadcast
📅 2021-09-29 
(799 days ago)
⌛ 0:58:07
📰
ZainboarKartikboar
077
Today' Broadcast
📅 2021-09-30 
(798 days ago)
⌛ 1:13:14
📰
ZainboarKartikboar
078
Today's Broadcast
📅 2021-10-01 
(797 days ago)
⌛ 1:23:11
📰
ZainboarKartikboar
🎬
If statements are bad practice
Today's Broadcast
ZainboarKartikboar
🎬
Tomato fan
Today's Broadcast
ZainboarKartikboar
079
Today's Stream
📅 2021-10-03 
(795 days ago)
⌛ 1:14:52
📰
ZainboarKartikboar
080
Today's Stream
📅 2021-10-04 
(794 days ago)
⌛ 1:05:10
📰
ZainboarKartikboar
081
Today's Stream
📅 2021-10-05 
(793 days ago)
⌛ 1:01:05
📰
Zainboar
082
Today's Stream
📅 2021-10-06 
(792 days ago)
⌛ 0:54:10
📰
ZainboarKartikboar
083
Today's Stream
📅 2021-10-07 
(791 days ago)
⌛ 1:15:04
📰
ZainboarKartikboar
🎬
Strong intro
Today's Stream
ZainboarKartikboar
084
Today's Stream
📅 2021-10-08 
(790 days ago)
⌛ 1:12:59
ZainboarKartikboar
085
Today's Stream
📅 2021-10-10 
(788 days ago)
⌛ 1:17:09
📰
ZainboarKartikboar
🎬
Impossible URL
Today's Stream
ZainboarKartikboar
🎬
Clever devs
Today's Stream
ZainboarKartikboar
086
Today's Stream
📅 2021-10-11 
(787 days ago)
⌛ 1:00:57
📰
ZainboarKartikboar
🎬
Always CORS related problems
Today's Stream
ZainboarKartikboar
🎬
CORS headscratcha
Today's Stream
ZainboarKartikboar
087
Today's Stream
📅 2021-10-12 
(786 days ago)
⌛ 0:51:02
📰
ZainboarKartikboar
088
Today's Stream
📅 2021-10-13 
(785 days ago)
⌛ 1:07:31
📰
ZainboarKartikboar
089
Today's Broadcast
📅 2021-10-14 
(784 days ago)
⌛ 1:07:16
📰
ZainboarKartikboar
090
Today's Stream
📅 2021-10-15 
(783 days ago)
⌛ 1:01:10
📰
Zainboar
091
Today's Stream
📅 2021-10-17 
(781 days ago)
⌛ 1:26:37
📰
ZainboarKartikboarThaneshboar
🎬
Torres Strait Icelander people
Today's Stream
ZainboarKartikboarThaneshboar
092
Today's Stream
📅 2021-10-18 
(780 days ago)
⌛ 1:05:40
📰
ZainboarKartikboarThaneshboar
🎬
Icelander or Islander?
Today's Stream
ZainboarKartikboarThaneshboar
093
Today's Stream
📅 2021-10-19 
(779 days ago)
⌛ 1:01:58
📰
ZainboarThaneshboar
094
Today's Stream
📅 2021-10-20 
(778 days ago)
⌛ 1:04:18
📰
ZainboarKartikboar
095
Today's Stream
📅 2021-10-21 
(777 days ago)
⌛ 1:16:08
📰
ZainboarKartikboarThaneshboar
096
100th Episode
📅 2021-10-23 
(775 days ago)
⌛ 1:13:16
📰
ZainboarKartikboar
097
101/200 Episodes
📅 2021-10-24 
(774 days ago)
⌛ 1:00:53
📰
ZainboarThaneshboar
🎬
Best Practices
101/200 Episodes
ZainboarThaneshboar
098
102/200 Episode
📅 2021-10-25 
(773 days ago)
⌛ 1:09:20
📰
ZainboarKartikboar
099
103/200 Episode
📅 2021-10-26 
(772 days ago)
⌛ 1:10:51
📰
ZainboarKartikboarThaneshboar
100
104/200
📅 2021-10-27 
(771 days ago)
⌛ 1:03:23
📰
ZainboarKartikboar
101
105/200
📅 2021-10-28 
(770 days ago)
⌛ 1:15:24
📰
ZainboarThaneshboar
🎬
ROAR coders
105/200
ZainboarThaneshboar
102
107/200
📅 2021-10-29 
(769 days ago)
⌛ 1:14:04
📰
ZainboarKartikboar
103
109/200
📅 2021-10-31 
(767 days ago)
⌛ 1:11:38
📰
ZainboarKartikboarThaneshboar
104
110/200
📅 2021-11-01 
(766 days ago)
⌛ 1:04:53
📰
ZainboarKartikboar
105
111/200
📅 2021-11-02 
(765 days ago)
⌛ 1:11:33
📰
ZainboarKartikboarThaneshboar
106
112/200
📅 2021-11-03 
(764 days ago)
⌛ 1:00:17
📰
ZainboarKartikboar
🎬
Diagon Alley? What is that kind of fing?
112/200
ZainboarKartikboar
107
113/200
📅 2021-11-04 
(763 days ago)
⌛ 1:03:53
📰
Zainboar
🎬
C.O.D.I.N.G
113/200
Zainboar
108
114/200
📅 2021-11-05 
(762 days ago)
⌛ 0:56:39
Zainboar
109
115/200
📅 2021-11-07 
(760 days ago)
⌛ 1:02:25
📰
ZainboarThaneshboar
🎬
What's testing
115/200
ZainboarThaneshboar
🎬
CORS coders
115/200
ZainboarThaneshboar
110
116/200
📅 2021-11-08 
(759 days ago)
⌛ 1:09:37
📰
ZainboarKartikboar
111
117/200
📅 2021-11-09 
(758 days ago)
⌛ 1:06:25
📰
ZainboarKartikboarThaneshboar
112
118/200
📅 2021-11-10 
(757 days ago)
⌛ 1:02:39
📰
ZainboarKartikboar
113
119/200
📅 2021-11-11 
(756 days ago)
⌛ 1:08:01
📰
ZainboarKartikboarThaneshboar
114
120/200
📅 2021-11-12 
(755 days ago)
⌛ 1:00:14
📰
Zainboar
115
120/200
📅 2021-11-14 
(753 days ago)
⌛ 1:06:19
📰
ZainboarKartikboarThaneshboar
116
122/200
📅 2021-11-15 
(752 days ago)
⌛ 1:00:31
ZainboarKartikboar
117
Today's Stream
📅 2021-11-22 
(745 days ago)
⌛ 1:01:46
📰
KartikboarThaneshboar
118
How This Video Has 12 Views, Explained
📅 2021-11-25 
(742 days ago)
⌛ 0:59:47
KartikboarThaneshboar
119
How This Video Has 14 Views, Explained
📅 2021-11-29 
(738 days ago)
⌛ 1:16:20
📰
KartikboarThaneshboar
120
Special Guest - Torey Littlefield Pt.2
📅 2021-11-30 
(737 days ago)
⌛ 1:12:15
📰
ZainboarToreyboar
121
Today's Stream
📅 2021-12-02 
(735 days ago)
⌛ 1:02:25
KartikboarThaneshboar
122
Today's Stream
📅 2021-12-06 
(731 days ago)
⌛ 1:02:01
📰
KartikboarThaneshboar
123
Today's Broadcast
📅 2021-12-07 
(2 years ago)
⌛ 1:01:00
KartikboarThaneshboar
124
Today's Stream
📅 2021-12-09 
(728 days ago)
⌛ 1:05:48
📰
ZainboarThaneshboar
🎬
Complimenting the wrong person
Today's Stream
ZainboarThaneshboar
🎬
Alt+F4 Zain
Today's Stream
ZainboarThaneshboar
125
Today's Stream
📅 2021-12-10 
(727 days ago)
⌛ 1:07:15
ZainboarToreyboar
126
Today's Stream
📅 2021-12-12 
(725 days ago)
⌛ 0:12:47
📰
ZainboarThaneshboar
127
Today's Stream
📅 2021-12-12 
(725 days ago)
⌛ 0:50:29
📰
ZainboarThaneshboar
128
Today's Stream
📅 2021-12-13 
(724 days ago)
⌛ 1:02:31
📰
ZainboarKartikboar
129
Today's Stream
📅 2021-12-14 
(723 days ago)
⌛ 1:10:28
📰
ZainboarToreyboar
130
Today's Stream
📅 2021-12-16 
(721 days ago)
⌛ 1:16:51
📰
ZainboarThaneshboar
131
Today's Stream
📅 2021-12-17 
(720 days ago)
⌛ 1:10:59
ZainboarKartikboarToreyboar
132
Today's Stream
📅 2021-12-19 
(718 days ago)
⌛ 1:00:49
📰
Zainboar
133
Today's Stream
📅 2021-12-20 
(717 days ago)
⌛ 1:01:49
📰
ZainboarKartikboar
134
Today's Stream
📅 2021-12-21 
(716 days ago)
⌛ 1:03:43
📰
ZainboarThaneshboar
135
Today's Stream
📅 2021-12-22 
(715 days ago)
⌛ 1:06:30
📰
ZainboarKartikboar
136
Today's Stream
📅 2021-12-23 
(714 days ago)
⌛ 1:00:09
Zainboar
137
Today's Stream
📅 2021-12-26 
(711 days ago)
⌛ 1:17:00
📰
ZainboarThaneshboar
🎬
Fixing and failing
Today's Stream
ZainboarThaneshboar
138
Today's Stream
📅 2021-12-27 
(710 days ago)
⌛ 1:05:22
📰
ZainboarKartikboar
139
Today's Stream
📅 2021-12-28 
(709 days ago)
⌛ 1:16:17
📰
ZainboarToreyboar
140
WebSocket Integration
📅 2021-12-29 
(708 days ago)
⌛ 1:02:44
📰
Zainboar
141
AWS WebSocket API Integration Pt.2
📅 2021-12-30 
(707 days ago)
⌛ 1:08:23
📰
ZainboarToreyboar
142
AWS WebSocket Integration with SAM Pt.3
📅 2022-01-02 
(704 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
143
Today's Stream
📅 2022-01-03 
(703 days ago)
⌛ 1:07:18
📰
ZainboarKartikboar
144
AWS WebScoket Integration with SAM Pt.4
📅 2022-01-04 
(702 days ago)
⌛ 1:04:18
📰
ZainboarToreyboar
145
AWS WebSocket Integration with SAM Pt.5
📅 2022-01-05 
(701 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
146
AWS WebSocket Integration with SAM Pt. 6
📅 2022-01-06 
(700 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
147
Today's Stream
📅 2022-01-07 
(699 days ago)
⌛ 1:11:55
📰
ZainboarToreyboar
148
Connect AWS WebSocket to DynamoDB Pt.1
📅 2022-01-09 
(697 days ago)
⌛ 1:10:25
📰
ZainboarToreyboar
149
Connect AWS WebSocket to DynamoDB
📅 2022-01-10 
(696 days ago)
⌛ 1:02:06
ZainboarKartikboar
150
"Blank Line" Bug In Lambda Response For AWS Websocket Pt.1
📅 2022-01-11 
(695 days ago)
⌛ 0:58:13
📰
ZainboarKartikboarToreyboar
151
"Blank Line" Bug In Lambda Response From Lambda
📅 2022-01-13 
(693 days ago)
⌛ 1:04:40
📰
ZainboarToreyboar
152
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-14 
(692 days ago)
⌛ 1:04:33
📰
ZainboarThaneshboar
153
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-16 
(690 days ago)
⌛ 1:11:37
📰
ZainboarToreyboar
154
Test
📅 2022-01-17 
(689 days ago)
⌛ 1:03:13
📰
ZainboarThaneshboar
155
Today's stre
📅 2022-01-18 
(688 days ago)
⌛ 0:45:24
ZainboarToreyboar
156
AWS Websocket + DyanmoDb + Lambda
📅 2022-01-19 
(687 days ago)
⌛ 1:06:33
📰
ZainboarThaneshboar
🎬
Brown is always better than white
AWS Websocket + DyanmoDb + Lambda
ZainboarThaneshboar
157
Today's Stream
📅 2022-01-20 
(686 days ago)
⌛ 0:57:55
📰
Zainboar
158
Today's Stream
📅 2022-01-21 
(685 days ago)
⌛ 1:02:17
📰
ToreyboarZainboar
159
Today's Stream
📅 2022-01-23 
(683 days ago)
⌛ 1:13:29
📰
ZainboarToreyboar
🎬
Wild street dogs
Today's Stream
ZainboarToreyboar
160
How To Host A Web App using AWS S3 and CloudFront
📅 2022-01-24 
(682 days ago)
⌛ 1:16:15
📰
ZainboarThaneshboar
161
How to Host Web App In AWS S3 using CloudFront, Route53 and CloudFormation
📅 2022-01-25 
(681 days ago)
⌛ 1:01:07
ZainboarToreyboar
162
How to Host Web App Using AWS S3, CloudFront and Route53
📅 2022-01-26 
(680 days ago)
⌛ 1:03:12
ZainboarThaneshboar
🎬
The more you know
How to Host Web App Using AWS S3, CloudFront and Route53
ZainboarThaneshboar
163
How To Host Web App In AWS S3 with Custom Domain
📅 2022-01-27 
(679 days ago)
⌛ 1:08:48
📰
ZainboarToreyboar
164
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-28 
(678 days ago)
⌛ 1:08:57
📰
ZainboarThaneshboar
🎬
Inactive brain
How To Host Web App In AWS S3 with Custom Domain Using Route 53
ZainboarThaneshboar
165
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-30 
(676 days ago)
⌛ 0:28:17
Zainboar
166
Today's Broadcast
📅 2022-01-31 
(675 days ago)
⌛ 1:11:16
📰
ThaneshboarToreyboar
167
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-02-01 
(674 days ago)
⌛ 1:06:35
📰
ZainboarToreyboar
168
Generate SSL Certificate via AWS Certificate Manager
📅 2022-02-02 
(673 days ago)
⌛ 0:58:02
📰
ZainboarThaneshboar
169
Test AWS Websocket Connection With Multiple Users
📅 2022-02-03 
(672 days ago)
⌛ 1:01:59
📰
ZainboarToreyboar
170
Adding Redirection To The AWS S3 Page
📅 2022-02-04 
(671 days ago)
⌛ 0:25:00
Zainboar
171
Redirecting AWS S3 page
📅 2022-02-06 
(669 days ago)
⌛ 0:54:11
Zainboar
172
Today's Broadcast
📅 2022-02-07 
(668 days ago)
⌛ 1:05:20
📰
ThaneshboarToreyboar
173
Today's Stream
📅 2022-02-08 
(667 days ago)
⌛ 1:05:29
ZainboarToreyboar
174
Today's Stream
📅 2022-02-10 
(665 days ago)
⌛ 1:05:47
ZainboarToreyboar
🎬
No electricity in Bali
Today's Stream
ZainboarToreyboar
▶️
How To Send Messages To Multiple Clients Through AWS Websocket
📅 2022-02-13 
(662 days ago)
⌛ 1:02:05
ZainboarToreyboar
176
How To CRUD Data Through AWS Websocket with Multiple Clients
📅 2022-02-16 
(659 days ago)
⌛ 1:07:32
ZainboarThaneshboar
177
Today's Stream
📅 2022-02-17 
(658 days ago)
⌛ 0:58:01
ZainboarToreyboar
🎬
Francesco
Today's Stream
ZainboarToreyboar
178
How To Change String Property to Object in AWS SAM and Deploy
📅 2022-02-20 
(655 days ago)
⌛ 1:21:24
ZainboarToreyboar
179
Today's Stream
📅 2022-02-23 
(652 days ago)
⌛ 0:59:43
📰
ZainboarThaneshboar
180
How To HASH A Password using BCRYPT in Node
📅 2022-02-25 
(650 days ago)
⌛ 1:03:48
ZainboarThaneshboar
181
How to Hash Passcode with BCRYPT using Node Pt.2
📅 2022-02-27 
(648 days ago)
⌛ 1:07:59
ZainboarToreyboar
182
Create Passcode UI
📅 2022-02-28 
(647 days ago)
⌛ 1:01:29
📰
ZainboarThaneshboar
183
How To Make FrontEnd Talk to Backend with Node
📅 2022-03-01 
(646 days ago)
⌛ 1:01:33
ZainboarToreyboar
184
How To Positioning A Div
📅 2022-03-04 
(643 days ago)
⌛ 1:09:27
ZainboarToreyboar
185
Today's Stream
📅 2022-03-06 
(641 days ago)
⌛ 1:00:29
Zainboar
186
Today's Stream
📅 2022-03-07 
(640 days ago)
⌛ 0:55:51
ZainboarThaneshboar
187
Today's Stream
📅 2022-03-09 
(638 days ago)
⌛ 1:00:11
ZainboarThaneshboar
188
Compare Hashed Passwords Using Bcryptjs
📅 2022-03-10 
(637 days ago)
⌛ 1:01:31
ZainboarToreyboar
🎬
Indian givers
Compare Hashed Passwords Using Bcryptjs
ZainboarToreyboar
189
Special Appearance
📅 2022-03-11 
(636 days ago)
⌛ 0:58:44
ZainboarThaneshboarKartikboar
190
Today's Stream
📅 2022-03-13 
(634 days ago)
⌛ 1:16:40
ZainboarToreyboar
🎬
Cold coffee, cold tea
Today's Stream
ZainboarToreyboar
191
How To Make Frontend Talk To The Backend - NodeJS
📅 2022-03-14 
(633 days ago)
⌛ 1:07:00
ZainboarThaneshboar
192
Today's Stream
📅 2022-03-15 
(632 days ago)
⌛ 1:05:51
ZainboarToreyboar
193
Today's Stream
📅 2022-03-17 
(630 days ago)
⌛ 1:21:59
ZainboarToreyboar
194
How To Apply Authentication When Saving NodeJs
📅 2022-03-18 
(629 days ago)
⌛ 1:05:27
Zainboar
195
How to Compare Passcodes Using Bcrytp Node.js
📅 2022-03-20 
(627 days ago)
⌛ 1:04:19
ZainboarToreyboar
196
Today's Broadcast
📅 2022-03-21 
(626 days ago)
⌛ 1:06:59
ThaneshboarToreyboar
197
Today's Stream
📅 2022-03-22 
(625 days ago)
⌛ 1:02:51
ZainboarToreyboar
198
Verify Passcode Saving Information to DynamoDB with NodeJs
📅 2022-03-23 
(624 days ago)
⌛ 1:03:09
ZainboarThaneshboar
🎬
Tough questions
Verify Passcode Saving Information to DynamoDB with NodeJs
ZainboarThaneshboar
199
Today's Stream
📅 2022-03-25 
(622 days ago)
⌛ 1:12:27
ZainboarToreyboar
200
Today's Stream
📅 2022-03-27 
(620 days ago)
⌛ 1:14:36
ZainboarToreyboar
201
Today's Stream
📅 2022-03-28 
(619 days ago)
⌛ 1:08:28
ZainboarThaneshboar
202
How To Do A Merge Using VSCode and Github
📅 2022-03-29 
(618 days ago)
⌛ 1:05:33
ZainboarToreyboar
203
Today's Stream
📅 2022-03-30 
(617 days ago)
⌛ 0:57:26
ZainboarThaneshboar
🎬
Tandoor? Wat even iz dat kind of fing
Today's Stream
ZainboarThaneshboar
204
Today's Stream
📅 2022-03-31 
(616 days ago)
⌛ 0:57:10
ZainboarToreyboar
🎬
This is why you don't click ops
Today's Stream
ZainboarToreyboar
205
Today's Stream
📅 2022-04-01 
(615 days ago)
⌛ 1:00:36
Zainboar
206
Today's Stream
📅 2022-04-03 
(613 days ago)
⌛ 1:06:56
ZainboarToreyboar
207
Get Board Columns from Frontend to Backend NodeJS
📅 2022-04-04 
(612 days ago)
⌛ 1:00:38
ZainboarThaneshboarToreyboar
🎬
Bish Bash Bosh
Get Board Columns from Frontend to Backend NodeJS
ZainboarThaneshboarToreyboar
208
Today's Stream
📅 2022-04-05 
(611 days ago)
⌛ 0:57:30
ZainboarToreyboar
209
Today's Stream
📅 2022-04-06 
(610 days ago)
⌛ 0:59:39
ZainboarThaneshboar
🎬
Zip first developer
Today's Stream
ZainboarThaneshboar
210
Today's Stream
📅 2022-04-07 
(609 days ago)
⌛ 1:04:46
Zainboar
🎬
Busted again
Today's Stream
Zainboar
211
Store String Array in DynamoDB using NodeJS
📅 2022-04-08 
(608 days ago)
⌛ 0:19:27
Zainboar
212
Today's Stream
📅 2022-04-10 
(606 days ago)
⌛ 1:07:24
Zainboar
213
Today's Stream
📅 2022-04-11 
(605 days ago)
⌛ 1:02:34
ZainboarThaneshboar
214
Today's Stream
📅 2022-04-12 
(604 days ago)
⌛ 0:27:43
Zainboar
215
Jira Organising & Beta Testing Day 1
📅 2022-04-13 
(603 days ago)
⌛ 0:58:09
ZainboarThaneshboar
216
Implement Passcode Tab Feature
📅 2022-04-17 
(599 days ago)
⌛ 0:58:49
ZainboarToreyboar
217
Beta Testing Fixes Part 2
📅 2022-04-19 
(597 days ago)
⌛ 1:00:24
ZainboarToreyboar
🎬
Torey the stinker
Beta Testing Fixes Part 2
ZainboarToreyboar
218
Beta Testing Fixes Part 3
📅 2022-04-20 
(596 days ago)
⌛ 1:01:02
ZainboarThaneshboar
🎬
Torcoders which are roarers
Beta Testing Fixes Part 3
ZainboarThaneshboar
🎬
Delusional Zain
Beta Testing Fixes Part 3
ZainboarThaneshboar
🎬
Hey guys, torey here
Beta Testing Fixes Part 3
ZainboarThaneshboar
219
Beta Testing Fixes Part 4
📅 2022-04-21 
(595 days ago)
⌛ 1:00:13
ZainboarToreyboar
220
Beta Testing 5
📅 2022-04-22 
(594 days ago)
⌛ 1:10:18
ThaneshboarToreyboar
221
Today's Stream
📅 2022-04-25 
(591 days ago)
⌛ 1:01:01
ZainboarThaneshboar
🎬
Zain's going platinum
Today's Stream
ZainboarThaneshboar
🎬
Doggy dog
Today's Stream
ZainboarThaneshboar
222
WebSocket Heartbeat & Thanesh's Farewell
📅 2022-04-27 
(589 days ago)
⌛ 0:51:08
ZainboarThaneshboar
223
Today's Stream
📅 2022-04-28 
(588 days ago)
⌛ 1:00:33
ZainboarToreyboar
224
Save Notes Through Websocket
📅 2022-04-29 
(587 days ago)
⌛ 0:51:30
Zainboar
225
Saving Object Through Websocket in DynamoDB
📅 2022-05-01 
(585 days ago)
⌛ 0:49:15
ZainboarToreyboar
226
Saving Object Through Websocket in DynamoDb
📅 2022-05-02 
(584 days ago)
⌛ 0:55:26
Zainboar
227
Today's Stream
📅 2022-05-05 
(581 days ago)
⌛ 1:01:32
ZainboarToreyboar
228
Welcome Back Kartik Party
📅 2022-05-08 
(578 days ago)
⌛ 0:55:32
ZainboarToreyboarKartikboar
229
Testing Prevention of XSS attack
📅 2022-05-10 
(576 days ago)
⌛ 0:29:16
Zainboar
230
How To Test Prevention XSS Attack
📅 2022-05-11 
(575 days ago)
⌛ 0:40:42
ZainboarKartikboar
🎬
Fartik
How To Test Prevention XSS Attack
ZainboarKartikboar
231
Fixing Websocket
📅 2022-05-19 
(567 days ago)
⌛ 0:49:55
Zainboar
232
Today's Stream
📅 2022-05-20 
(566 days ago)
⌛ 0:56:10
ZainboarKartikboar
233
Today's Stream
📅 2022-05-22 
(564 days ago)
⌛ 0:55:33
Zainboar
🎬
Second Favourite
Today's Stream
Zainboar
🎬
Disco Zain
Today's Stream
Zainboar
234
Today's Stream
📅 2022-05-24 
(562 days ago)
⌛ 0:23:19
Zainboar
235
Websockets bugs
📅 2022-05-27 
(559 days ago)
⌛ 1:00:51
ZainboarKartikboar
236
Websocket Bug Fix
📅 2022-05-29 
(557 days ago)
⌛ 0:49:50
Zainboar
237
Hook Up AWS Websocket
📅 2022-05-30 
(556 days ago)
⌛ 0:48:59
Zainboar
🎬
Keyboard allergies
Hook Up AWS Websocket
Zainboar
238
Hook up AWS Websocket Pt.2
📅 2022-05-31 
(555 days ago)
⌛ 0:53:07
Zainboar
239
Today's Stream
📅 2022-06-01 
(554 days ago)
⌛ 0:21:05
Zainboar
240
AWS Websocket Bug Fix
📅 2022-06-05 
(550 days ago)
⌛ 0:52:47
Zainboar
241
AWS Websocket Bug Fix Pt.2
📅 2022-06-06 
(549 days ago)
⌛ 0:23:52
Zainboar
242
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
📅 2022-07-27 
(498 days ago)
⌛ 1:00:06
Zainboar
🎬
As you been poopin?
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
Zainboar

Subtitles

0:00:00
[Music]
0:00:24
what is going on guys welcome back to
0:00:27
another session of bill breaking fakes
0:00:30
and which is brought to you by the rule
0:00:32
coders yes that is us
0:00:37
so um
0:00:39
yeah so uh
0:00:42
i hope you all had a brilliant weekend
0:00:44
and it's still on ongoing because it's a
0:00:47
sunday night over here
0:00:50
and um yeah
0:00:52
let's do the honors for the punishment
0:00:55
of the country and then we can begin to
0:00:58
give a bit of an overview all for are we
0:01:01
going to be doing today right so
0:01:04
here goes
0:01:07
i begin today by acknowledging the
0:01:09
traditional custodians of the land on
0:01:12
which we gather today and pay my
0:01:14
respects to the elders past present and
0:01:16
future i extend their respect to
0:01:19
aboriginal and torres strait islander
0:01:21
people here today
0:01:25
right guys that was brilliant and um
0:01:28
yeah you might be observing that
0:01:31
tory the other rule code
0:01:33
isn't here yet uh so he is
0:01:37
um about to turn up um he just
0:01:41
messaged me so you won't be too long at
0:01:44
all
0:01:46
which would be really good
0:01:48
and um
0:01:49
yeah so what basically
0:01:53
we've been working on is um
0:01:56
creating an enhanced version of an open
0:01:59
source project called scrambler
0:02:01
and
0:02:02
basically which is a kanban board so
0:02:05
just quickly
0:02:07
go through what is that and you might be
0:02:11
able to understand the overview of it
0:02:13
so let's share my screen really quick
0:02:18
tab
0:02:20
and then
0:02:27
okay
0:02:30
so
0:02:34
so
0:02:34
uh yeah i wanted to open a new tab and
0:02:37
then share that with you
0:02:39
is that
0:02:40
all right let's do that
0:02:43
cool so we do this share screen
0:02:47
and
0:02:48
there you go that's our tab over here
0:02:51
cool brilliant
0:02:52
so
0:02:54
what are we going to be doing is um i'll
0:02:57
be sharing the
0:03:00
system one review as in the open source
0:03:03
project that we are trying to create a
0:03:05
enhanced version of
0:03:09
which is basically this
0:03:12
uh
0:03:13
yeah so
0:03:14
i'll just go to the existing gear reaper
0:03:18
and take you through the
0:03:20
um
0:03:21
about
0:03:23
uh the
0:03:24
readme page
0:03:26
so share
0:03:28
is a web-based simulation of physical
0:03:31
agile kanban board that supports
0:03:34
real-time collaboration so it's
0:03:36
basically a kind
0:03:38
a kanban board
0:03:42
and
0:03:44
you can say that it's got say to do
0:03:47
started
0:03:49
um
0:03:51
yeah you can name all the columns and
0:03:53
just basically paste sticking notes
0:03:56
in there
0:03:57
depending on what you want to decide um
0:03:59
this course
0:04:00
decide or etc etc so essentially a white
0:04:04
board but with columns and sticky notes
0:04:08
in terms of
0:04:10
and
0:04:11
electronically
0:04:13
all right so i really hope that makes
0:04:16
sense
0:04:18
um yeah so
0:04:21
and
0:04:23
now that's done um
0:04:25
so what we're doing is adding persistent
0:04:28
storage to that because it is existingly
0:04:31
um that isn't in there
0:04:33
so what happens that whenever
0:04:36
a new board is created
0:04:40
then um
0:04:42
this
0:04:44
is only saved in cash
0:04:47
which means that when the server is down
0:04:50
everything goes
0:04:52
yeah
0:04:53
so
0:04:54
it's called temperate storage
0:04:57
for example if you want to say that all
0:04:59
right
0:05:00
and um
0:05:02
so what we are doing and
0:05:06
is
0:05:08
creating
0:05:10
i mean adding a persistent storage to
0:05:13
their project so all the data is saved
0:05:16
in dynamodb
0:05:18
and
0:05:19
the users will be able to update the
0:05:22
data delete um
0:05:25
right so the admin only off the board
0:05:28
who has actually created it he will be
0:05:31
able to save the board
0:05:33
and the notes and then get
0:05:37
all of them
0:05:38
when they when you when he wants to
0:05:42
so
0:05:43
which
0:05:44
basically happens can happen
0:05:47
anytime and we're also integrating this
0:05:49
into
0:05:51
a aws platform and
0:05:55
along with
0:05:56
aws
0:05:58
um
0:05:59
websocket
0:06:01
yeah
0:06:02
so
0:06:04
yes that is the plan
0:06:06
uh for this entire project
0:06:09
and um
0:06:10
what the work has already been done oh
0:06:13
this is here is my co-host
0:06:16
hey sorry i'm a little wet
0:06:20
that's all right good to have you
0:06:23
yeah i got i got caught in a bit of rain
0:06:27
oh oh
0:06:29
and how are you feeling though now
0:06:31
are you
0:06:32
are you a big guy
0:06:38
how are you man yeah how's it going um
0:06:41
um very well yeah just got started and
0:06:44
gave a bit of a overview of the project
0:06:47
as in what we're building and
0:06:50
how we are enhancing the existing open
0:06:53
source project
0:06:54
and how we are doing that and what are
0:06:58
we going to be doing
0:06:59
today yeah
0:07:02
oh cool cool cool
0:07:04
fantastic i see there's a comment in the
0:07:07
chat about
0:07:09
your amazing house
0:07:13
yeah so i actually bought it say a week
0:07:15
ago and um
0:07:17
yeah i was just
0:07:19
yeah i was
0:07:21
like okay i need a new home
0:07:24
so this is my new home now
0:07:27
and yeah
0:07:31
[Music]
0:07:38
[Music]
0:07:42
citrus bill ray citrus
0:07:47
okay
0:07:48
yeah okay
0:07:49
we're really hoping
0:07:51
we um pronouncing it correctly
0:07:53
but yeah
0:07:54
there is a
0:07:55
piano
0:07:57
at the back which i bought from gumtree
0:08:00
for free
0:08:02
all right i'm just kidding
0:08:06
yeah i'm just
0:08:07
i'm just making stuff up now
0:08:10
guys it out on the side of the road
0:08:14
free sign
0:08:15
yeah and then pixel brought it back and
0:08:18
put that in the mansion there you go we
0:08:20
call it we call that a curb alert
0:08:23
we say kerbler in the u.s kerballer
0:08:26
priest
0:08:30
okay i see so that's basically the stuff
0:08:33
that's
0:08:34
on the curb isn't it yeah exactly yeah
0:08:37
yeah yeah
0:08:39
i like that
0:08:40
cobbler
0:08:42
kill this stuff
0:08:44
yeah
0:08:46
cool so
0:08:47
yeah so um
0:08:49
tori has managed to
0:08:52
do a bit more on the
0:08:55
on the um
0:08:56
uh websockets
0:08:58
side
0:09:00
do you want to take us through that
0:09:01
story
0:09:04
uh yeah let's do it um fantastic there's
0:09:08
a question
0:09:09
for you
0:09:10
guys what do you think about
0:09:13
as your hair
0:09:15
[Music]
0:09:18
so
0:09:20
yeah that can be implemented
0:09:22
but personally i love
0:09:24
aws as in
0:09:27
just because it's really easy
0:09:29
to use and i'm a lot familiar with it
0:09:32
and
0:09:33
tori as well
0:09:34
um if we went to the
0:09:37
azure
0:09:38
side of it we would have to first
0:09:40
as in stock from scratch
0:09:43
basically
0:09:44
okay cool
0:09:46
uh why are we using websocket instead of
0:09:49
http request so gag dev uh the reason
0:09:53
why we're using uh aws websockets um
0:09:56
that they actually replaced
0:09:59
um
0:10:00
socket
0:10:01
io
0:10:02
so the existing i um the overall idea is
0:10:06
to give
0:10:07
uh to let
0:10:09
multiple users interact with the board
0:10:12
at the same time
0:10:14
which is why
0:10:15
we're using web sockets
0:10:20
i really hope that um answers your
0:10:23
question
0:10:25
all right
0:10:28
share my screen
0:10:30
yes please that would be fantastic
0:10:38
yeah our
0:10:39
if the co-host
0:10:42
tory is a
0:10:43
is is really good in front end so he's
0:10:47
managed to do this stuff
0:10:49
which is going to be taking
0:10:51
us through probably within
0:10:53
i would say
0:10:54
minutes
0:10:56
yeah
0:10:58
i'm rushing
0:11:05
uh so this is this is the the work i did
0:11:08
the other day for the
0:11:10
uh the default linda
0:11:12
handler right um
0:11:14
i think it may be a good idea if you as
0:11:18
in
0:11:20
maybe
0:11:21
share what exactly you did the overview
0:11:24
and then we can go on and
0:11:27
explaining the details and the technique
0:11:30
and technicalities of it
0:11:32
if that's true sure
0:11:34
sure
0:11:35
so um
0:11:37
uh
0:11:40
what we were missing
0:11:42
was
0:11:44
a way
0:11:45
for
0:11:49
let me let me open the
0:11:52
here let me let me demonstrate it
0:11:53
actually
0:11:55
yeah yeah um
0:11:59
so if we go if we go to the website
0:12:04
let me go to
0:12:05
just so you know they
0:12:07
you do know that you can also share say
0:12:10
a particular
0:12:12
tab if you don't want to share the whole
0:12:15
screen
0:12:16
because oh really it doesn't it doesn't
0:12:18
give me that choice
0:12:20
so
0:12:21
if you do
0:12:22
share what does it bring up for you
0:12:28
it just gives me my monitor option
0:12:32
uh
0:12:33
yo so
0:12:34
does it say and then share screen
0:12:39
uh it it allows me to choose which
0:12:42
monitor i want to share
0:12:45
uh but have you got say
0:12:48
something saying chrome
0:12:50
tab no just just pick your monitor
0:12:55
really
0:12:56
yeah i don't know i'm i think i need a
0:13:01
stream yard account because i think i'm
0:13:03
always entering the show as a guest um
0:13:06
do you want to go back to your stream
0:13:09
yard uh and um
0:13:12
let's check it out
0:13:15
really quickly
0:13:16
it would just probably take two seconds
0:13:19
what do you want me to do
0:13:22
go back to yours and no uh as in go back
0:13:25
to your stream yard
0:13:27
right
0:13:29
in in the browser tab
0:13:31
okay yeah yeah uh-huh yeah and
0:13:36
okay
0:13:37
i can't see it
0:13:38
yes
0:13:39
yes so if you go to
0:13:42
stop sharing
0:13:44
okay okay right
0:13:47
um i'll show you what he's exactly i'm
0:13:51
talking about
0:13:52
oh okay
0:13:53
i see i see i see i got you i got you i
0:13:56
see it now okay cool cool makes sense
0:13:59
so i can share a window i can share a
0:14:01
tab
0:14:03
exactly yeah
0:14:05
all right
0:14:06
because that won't invade you as in
0:14:09
privacy on the sharing sharing screen
0:14:14
it would just share
0:14:16
the exact tab you want you want to be sh
0:14:20
you want to be sharing
0:14:22
okay so yeah
0:14:24
is it working now
0:14:28
yes
0:14:29
okay cool
0:14:30
all right so
0:14:32
um i'm just gonna do this with um
0:14:37
the website and we have pi socket um to
0:14:41
test
0:14:42
just sending a message
0:14:44
so basically what i did
0:14:47
was we needed a way to
0:14:50
have two
0:14:51
websocket clients connected and
0:14:53
basically
0:14:54
sending messages to broadcasting
0:14:58
messages to each other so when
0:15:01
um
0:15:02
when one client sends a message then
0:15:04
essentially all the other clients
0:15:06
that are connected to
0:15:09
aws
0:15:10
um
0:15:12
the uh websocket
0:15:14
they can receive the messages
0:15:18
so i'd say that uh
0:15:20
high level there um
0:15:23
i need to grab the
0:15:27
uh web socket url which is where
0:15:32
oh um
0:15:34
do you want me to
0:15:36
look for you and then i can pause
0:15:43
no but you can't you can't see you can't
0:15:45
see my dev tools oh that i don't like no
0:15:48
no we can't
0:15:50
because um
0:15:52
you're sharing a particular tab now
0:15:55
i'm sharing a i'm sharing the browser
0:15:57
window but here i'm gonna i'm gonna
0:16:00
share my entire
0:16:01
screen again
0:16:03
just because i need that i need it to
0:16:05
share the dev tools
0:16:10
can you let me share again yeah thanks
0:16:12
there you go
0:16:14
um
0:16:16
so
0:16:16
all right let me
0:16:18
let me
0:16:20
quickly be lazy and
0:16:23
grab the uh
0:16:28
where is it it should be a network
0:16:30
request websocket
0:16:36
or is it just here
0:16:38
i think we get it here
0:16:40
yeah there it is
0:16:48
i should just
0:16:54
all right there it is all right perfect
0:16:57
all right so i just need this for
0:17:00
uh i need this for pie socket
0:17:04
all right
0:17:08
so if we connect to this user
0:17:11
via
0:17:12
pi socket here we establish the
0:17:14
connection
0:17:15
and in the board so we're on the test
0:17:18
board on the website right
0:17:20
and if you see in the console here we
0:17:23
are also open for business so we're
0:17:26
connected to the websocket
0:17:28
this this this is no this is from
0:17:30
dynamodb but the websocket is connected
0:17:33
this is the websocket
0:17:35
let's sock it open that's right
0:17:38
right
0:17:39
and now if i go back to pi socket
0:17:41
and
0:17:42
we have the
0:17:45
action which is
0:17:48
default
0:17:53
and then
0:17:56
we can send a
0:17:58
message which i called it message in
0:18:02
um the lambda so attached to the event
0:18:05
body is
0:18:07
uh going to be this message and action
0:18:10
property
0:18:13
all right and we can just say hello
0:18:16
from
0:18:18
pi socket
0:18:20
and if we send this we're not going to
0:18:23
see anything here
0:18:28
okay we get an
0:18:29
internal server error why is that
0:18:34
should i do wrong um is it because the
0:18:37
message is supposed to be in
0:18:40
inverted
0:18:41
yeah maybe you're right about that
0:18:45
there you go so no no error i sent two
0:18:48
of them accidentally
0:18:49
so now we go back to the dev tools and
0:18:52
we see hello from pi socket
0:18:54
hooray
0:18:57
so now if i go look at that lambda
0:19:02
um
0:19:03
all the logic is in there
0:19:05
which um
0:19:06
basically we're
0:19:08
um what we're doing is
0:19:12
when that default action is sent we're
0:19:15
hitting this we're requesting this
0:19:17
lambda the default lambda
0:19:20
and then
0:19:21
we are
0:19:24
okay let's start where this is the
0:19:26
handler okay here's the handler
0:19:28
so um
0:19:30
[Music]
0:19:31
we get the
0:19:34
message from the event body let me make
0:19:37
this bigger there we go so we get the
0:19:39
message from the event body right
0:19:42
so that's that
0:19:43
yeah um
0:19:45
you follow
0:19:48
yeah yeah okay cool all right and then
0:19:51
um uh if there is no message it's going
0:19:53
to send back a sasko 418 which is if you
0:19:56
look that up it's officially i'm a
0:19:58
little teapot
0:20:01
i'm not joking
0:20:04
i like
0:20:05
creativity
0:20:07
all right that's official
0:20:09
yeah um
0:20:12
and um so if there is a message then
0:20:16
we're gonna go
0:20:19
get the
0:20:21
um
0:20:23
the uh connection
0:20:26
ids from dynamodb
0:20:29
so this
0:20:30
this is our dynamo db instance it's doc
0:20:33
client
0:20:34
so then we're running a scan on the
0:20:37
websocket table
0:20:39
which has all those connection ids so
0:20:42
we're scanning it and then it's
0:20:44
just returning
0:20:46
all the items so here it's returning the
0:20:49
items which
0:20:50
and then we're just mapping over it
0:20:53
getting the connection ids and just
0:20:54
returning the connection ids
0:20:57
and then
0:20:59
with the connection ids
0:21:01
we can then
0:21:04
go back down to the function
0:21:08
then we can basically filter
0:21:11
filter out the connection id that sent
0:21:15
this message
0:21:16
from the request context so that we're
0:21:18
not broadcasting the same message back
0:21:21
to
0:21:22
ourselves ourselves so pi socket in this
0:21:25
case
0:21:26
um and then oh
0:21:29
right right that makes sense yeah
0:21:32
right because in dynamodb our the pi
0:21:35
socket connection id is there but we
0:21:37
don't want to send a message back to
0:21:39
ourselves in this case
0:21:42
yeah
0:21:43
um and then all we're doing here is then
0:21:46
we're just um
0:21:48
sending the
0:21:51
um
0:21:53
sending the message from pi socket
0:21:58
which is this this message here um using
0:22:02
the
0:22:04
uh this aws this instance of the api
0:22:08
gateway management api with with our
0:22:11
endpoint from
0:22:13
um
0:22:14
the
0:22:15
request context which i guess is just
0:22:18
the
0:22:21
uh the url that you get in
0:22:23
api gateway for the websocket the
0:22:26
connection web
0:22:28
url so that broadcasts the messages
0:22:31
and
0:22:32
it just um
0:22:36
it just it just maps over all the
0:22:38
connection ids and then it just
0:22:42
sends them all
0:22:43
sends them all a message using this post
0:22:45
to connection where you have this data
0:22:48
property in the message
0:22:50
and for each connection id and then this
0:22:53
is when this is this is just sending it
0:22:56
when this is done
0:22:57
then we're returning a 200 status code
0:23:00
and
0:23:01
everything's
0:23:03
everyone gets the message that has a
0:23:05
connection id
0:23:08
ah right right so
0:23:10
except
0:23:12
the the person who posted the message
0:23:14
themselves accept them yeah except them
0:23:17
because they're they're they're removed
0:23:19
from the
0:23:21
the connection ids array that we are
0:23:23
then looping over sending messages one
0:23:27
at a time basically
0:23:29
right right yeah yeah yeah that makes
0:23:32
sense a lot
0:23:34
okay cool
0:23:35
so
0:23:36
that would mean that if
0:23:39
when you created the board and if i also
0:23:45
open it from my side
0:23:47
and you do a test from pi socket
0:23:52
would that mean we both will
0:23:54
get
0:23:55
that note
0:23:58
um if if you open
0:24:01
if you open a board
0:24:04
yes so say for example you
0:24:07
you have created a board called
0:24:10
donkey box
0:24:12
doggy box
0:24:14
i'm familiar with that
0:24:16
um yeah so if you create that board and
0:24:20
then you send me um the
0:24:23
url as well
0:24:25
and then i open the url on on my side
0:24:29
say you you post
0:24:32
um
0:24:33
them
0:24:34
i don't know i look
0:24:36
i'm a little teapot
0:24:38
okay from your side
0:24:40
okay would that mean
0:24:45
huh i like the way you say i'm a little
0:24:47
teapot
0:24:49
i'm a little teapot
0:24:56
so if you send it so right now on the
0:24:58
client side i don't think we've
0:25:02
implemented any
0:25:03
functionality to send messages yet
0:25:07
but oh so that's in
0:25:10
in the back end
0:25:11
yeah this is in the lambda this is in
0:25:13
the default lambda
0:25:15
yeah right right okay yeah so
0:25:18
that
0:25:19
that would probably be the next stage
0:25:21
yeah
0:25:22
yeah so next would be some way to
0:25:26
send the message from the client
0:25:29
and then yeah it it will
0:25:32
hit this it'll it'll like
0:25:34
you're doing the same thing in pie
0:25:36
socket you just need a on message or i
0:25:39
mean um send send message with the
0:25:42
action default
0:25:43
and then whatever message you want to
0:25:45
send and then it'll go to the websocket
0:25:48
it'll go to api gateway and then it will
0:25:51
hit the hit this it'll spin up this
0:25:53
lambda and then the lambda will
0:25:56
send broadcast the message to every
0:25:59
connection id that's in the database
0:26:01
yeah
0:26:02
yeah that's absolutely
0:26:04
right so i guess what we would probably
0:26:08
do as a first step
0:26:10
is
0:26:11
i think it would be a
0:26:14
i was thinking that should we start on
0:26:17
then next process
0:26:21
now or
0:26:22
we do the merge first
0:26:24
as in
0:26:26
i know
0:26:27
you and
0:26:28
yeah um i
0:26:30
wouldn't say where do i mention now but
0:26:33
um
0:26:35
yeah up to you whatever you want to do
0:26:38
whatever you think it is
0:26:40
because um
0:26:42
the reason why i'm saying that we can
0:26:45
possibly do the merge
0:26:47
now is because
0:26:49
um
0:26:51
you're here and
0:26:53
it would be good that the person who
0:26:55
actually coded it
0:26:56
is present
0:26:58
because i
0:26:59
yeah because i don't really wanna as in
0:27:02
much
0:27:03
stuff not knowing what i'm doing
0:27:06
at that stage
0:27:07
and if i'm confused then i can straight
0:27:10
away
0:27:12
ask you how about that
0:27:15
yeah absolutely that's a good idea
0:27:18
fantastic uh but
0:27:20
but there's only one problem
0:27:23
yeah
0:27:24
the title of this of this
0:27:27
video is something else
0:27:29
oh
0:27:31
yeah
0:27:32
but um yeah that's
0:27:34
fine we can put uh i can possibly
0:27:37
leave the merge too as in in my
0:27:41
offline time and if i've got any
0:27:44
questions i'll just
0:27:46
text you and we can take it from there
0:27:48
sure sure there's always a live share
0:27:52
yeah yeah exactly so i guess
0:27:57
this is all i mean brilliant brilliant
0:28:00
stuff and we are one step closer to our
0:28:02
actual
0:28:04
finishing of the project which is
0:28:06
fantastic
0:28:08
um what we can possibly do now is
0:28:12
possibly work on the front end as in
0:28:15
wiring the both together so um
0:28:20
calling
0:28:22
this lambda from the front end and just
0:28:25
making it
0:28:27
work from the client's side so for
0:28:30
example if we post then that
0:28:33
note in the corner
0:28:37
and save it which means that it will
0:28:40
obviously be saved
0:28:43
no sorry
0:28:45
create a note from the front end and
0:28:48
pull pull
0:28:49
some
0:28:51
some kind of a text
0:28:54
then check if it gets updated on the
0:28:58
other
0:28:59
other clients
0:29:01
side as well
0:29:03
does that make sense
0:29:05
sure let's do it
0:29:09
um oh uh
0:29:12
at some point it'll be
0:29:15
benef it'll be good if you can go to the
0:29:18
github repo and set
0:29:20
set up the
0:29:25
the the github actions
0:29:29
ci cd you just need you need to set the
0:29:31
secrets and
0:29:33
we need to figure out the pull request
0:29:36
because if i work here on i i have if i
0:29:38
want to push the changes to scrumbler
0:29:42
coders.dev then i have to work from my
0:29:45
forked repo
0:29:47
all right so yeah that part still needs
0:29:51
to be done
0:29:52
okay
0:29:53
how about if we do that part now
0:29:56
okay
0:29:58
okay
0:29:59
that would mean that one topic is
0:30:01
actually done and we can then move on to
0:30:05
the next topic
0:30:06
okay i it i don't i don't have access to
0:30:10
setting the secrets in
0:30:12
in the github repo so it is it's
0:30:14
something you have to do
0:30:17
oh okay right but i i see
0:30:21
yeah
0:30:22
because you're the you're the repo
0:30:25
creator
0:30:26
i don't i don't have i don't have
0:30:27
privileges
0:30:30
okay then um i think in in that case
0:30:34
what we can probably do is
0:30:36
continue for now as in implementing the
0:30:40
client side
0:30:42
from right
0:30:43
yeah okay
0:30:45
okay so yeah but
0:30:46
you don't really have to push it and
0:30:48
then push the code
0:30:51
well what uh i'm just lazy so what i do
0:30:55
is i just
0:30:56
create something in here and then i do
0:30:59
like a really silly thing which is i
0:31:01
just copy over the code into the main
0:31:03
repo and then push the changes
0:31:08
that's actually a small thing to do
0:31:11
yeah well no
0:31:13
the better thing to do is just push from
0:31:15
my fork repo to the main repo
0:31:20
well
0:31:22
as you know there's always as in more
0:31:25
efficient
0:31:27
ways and you're
0:31:28
you're going for them
0:31:30
i'm just like i don't want to open a
0:31:32
pull request and then and
0:31:34
there's my own pull request
0:31:37
so just copy over whatever i create
0:31:40
what could go wrong
0:31:43
yeah nothing
0:31:45
the code is working is
0:31:48
it's just perfect
0:31:51
yeah
0:31:52
oh uh yeah
0:31:53
and then
0:31:54
one other thing if you notice
0:31:57
i don't know if we went over this but
0:31:59
now in order to
0:32:01
on
0:32:03
on um
0:32:05
on the on the production site
0:32:07
if you want to access a board
0:32:10
you just
0:32:11
write slash board right the path is
0:32:13
bored and then it's it's this query
0:32:16
string board name equals whatever the
0:32:18
board is
0:32:21
but if you do this in low
0:32:23
local because of the way we have it set
0:32:25
up you don't write board you need to
0:32:28
write index.html
0:32:30
oh if you're doing a lot
0:32:33
i say
0:32:39
i think that would be a really good
0:32:41
thing to mention in the readme because
0:32:44
it is an open source project
0:32:46
okay yeah there's probably
0:32:50
there's probably a way
0:32:52
where
0:32:53
if you change the file structure of the
0:32:55
html
0:32:57
where it's in a folder called board
0:33:00
then i think it would reflect this path
0:33:03
to the board
0:33:06
right i think that's the way it worked
0:33:08
but i honestly i'm born into the age of
0:33:12
spas so i don't have that much
0:33:14
experience working in
0:33:17
like multi
0:33:19
html applications that are
0:33:23
yeah
0:33:25
non-spa stuff which is kind of sad
0:33:32
look at that yeah
0:33:35
that is
0:33:36
great
0:33:38
yeah
0:33:40
that is a part of the plan and then to
0:33:43
convert it into the
0:33:46
spa
0:33:47
but that will come after the first first
0:33:50
release hopefully
0:33:52
okay
0:33:53
um so
0:33:56
one question i had too is yeah um
0:33:59
[Music]
0:34:00
here
0:34:02
do you want the
0:34:04
this is this is this on connect i think
0:34:07
connects to the websocket
0:34:11
um so
0:34:13
this opens a websocket connection on the
0:34:15
client side
0:34:17
do you want this on connect um to happen
0:34:21
only on the board page
0:34:25
not on the home page right
0:34:28
yeah
0:34:29
just on the board page
0:34:32
okay
0:34:33
yeah
0:34:35
because what i actually want is that
0:34:39
the users would only connect be able to
0:34:42
be connected to the websocket only when
0:34:45
they
0:34:48
open up the board
0:34:49
itself
0:34:53
and
0:34:55
yeah the
0:34:58
so the creation of the board will only
0:35:01
be available for the admin
0:35:04
okay
0:35:05
oh okay interesting
0:35:07
all right um so
0:35:10
then this we can actually move
0:35:12
into a function
0:35:15
i created so that when you connect to
0:35:18
the
0:35:19
home.html it's you won't open up a
0:35:22
websocket connection
0:35:24
so i'm just gonna
0:35:26
move everything into this um
0:35:35
all right let me
0:35:38
cut this
0:35:40
and
0:35:42
so this is like the load board page
0:35:45
function i made
0:35:46
so
0:35:47
hopefully
0:35:48
it makes sense it loads whatever
0:35:51
needs to happen inside the board page
0:35:56
yeah yeah yeah
0:35:59
um
0:36:00
what do i have here
0:36:03
okay
0:36:04
so i have this websocket
0:36:07
send message
0:36:09
right
0:36:10
so this can go in here
0:36:14
let's open the website
0:36:16
yep maybe it's a um maybe
0:36:20
in in the future it might be a
0:36:23
good idea to make the code a bit more
0:36:27
readable and then just add kind of
0:36:31
um
0:36:32
extras
0:36:34
extra lines between the statements yeah
0:36:41
[Music]
0:36:49
[Music]
0:36:51
does look terrible i agree i did i think
0:36:54
i refactored this like once but it needs
0:36:57
to be refactored again
0:37:00
all right yeah
0:37:01
that's fine man
0:37:04
um so
0:37:07
just send message what does this do
0:37:10
websocket send message all right so this
0:37:15
stuff we can
0:37:20
um
0:37:22
i can leave this on message function
0:37:24
actually
0:37:26
so
0:37:33
um i mean whatever i'll just refactor
0:37:36
this in the future
0:37:37
but um yeah
0:37:39
that's fine not a big
0:37:41
deal at the moment
0:37:47
it's okay
0:37:53
modern day programming
0:37:56
uh
0:37:57
this is um if you've if you ever saw my
0:37:59
other notes like this this is js this is
0:38:02
js docks i don't know if you've ever
0:38:04
used it
0:38:05
but i'm like
0:38:08
i'm like used to using typescript now
0:38:11
and i'm and it's the closest thing i can
0:38:13
get to typescript
0:38:15
all right i say yeah
0:38:18
because i can i can give these types
0:38:24
um
0:38:24
by using js docs and then bs code will
0:38:28
interpret it
0:38:29
and that's it's pretty it's pretty
0:38:31
helpful
0:38:32
yeah
0:38:34
um
0:38:34
[Music]
0:38:37
so the websocket is open and then
0:38:42
i don't know if
0:38:43
this this doesn't really need this i
0:38:45
guess this is kind of for us
0:38:49
but um
0:38:53
this is an on message
0:38:55
event so
0:38:58
what do we want to do with the on
0:38:59
message event
0:39:08
what do we want to do with the on
0:39:09
message event zane
0:39:11
um
0:39:13
so
0:39:14
this is for when we're gonna send
0:39:18
the
0:39:19
message to multiple users via websocket
0:39:23
isn't it
0:39:26
this is when
0:39:27
we receive a message
0:39:29
oh this is when we receive a message or
0:39:32
you want to deal with that later but
0:39:35
i guess
0:39:38
okay so you want to do something on send
0:39:46
right now we'll just
0:39:48
so this is a websocket event on message
0:39:51
handler so basically when uh when
0:39:54
when a message comes in
0:39:57
this event handler
0:39:59
will
0:40:01
just log out the data for now
0:40:04
oh so that's for the receiving
0:40:08
receiving message um can you possibly
0:40:11
name that uh from on message to maybe
0:40:15
oh this is messy
0:40:18
this is built-in
0:40:20
oh okay right
0:40:22
so yeah this is part of the api but i
0:40:25
mean
0:40:26
we could we could wrap it in its own
0:40:28
function if you wanted
0:40:32
that's fine um
0:40:34
not at the moment probably
0:40:36
um so this is basically called when
0:40:40
the other user writes something and they
0:40:43
send a message this function will be
0:40:46
called isn't it
0:40:50
like it's just an event listener
0:40:53
yeah yeah
0:40:55
receives a message from
0:40:58
websocket
0:41:01
yeah yeah
0:41:02
so what i was as in just confirming that
0:41:07
say you and me are connected and i send
0:41:11
um a message from my side
0:41:14
oh
0:41:15
this is where i would receive it this is
0:41:18
where i would write okay right right i
0:41:20
see
0:41:21
yeah so at um
0:41:24
uh that's another
0:41:25
the logic
0:41:27
yeah yeah don't worry about that one for
0:41:29
now it's crazy complicated yeah yeah
0:41:32
right okay um
0:41:36
there's a lot there's a lot of things
0:41:38
that will happen through that one
0:41:40
sending part is
0:41:43
well i don't know they're kind of the
0:41:44
same honestly because like if you to
0:41:48
yeah i'm not going to think too much
0:41:50
about it but yeah yeah some things you
0:41:52
want to do
0:41:53
true
0:41:55
trip okay then um in that case and i
0:41:58
just focus on let's just
0:42:01
leave that on message as a placeholder
0:42:05
okay and um
0:42:07
we can just focus on sending the message
0:42:10
at the moment for multiple users so all
0:42:13
we basically want to send is the text on
0:42:17
the note
0:42:18
okay
0:42:20
um
0:42:21
so how do we get the notes i forget
0:42:26
um
0:42:27
so there would be a variable that's
0:42:30
saving the text
0:42:32
on the note
0:42:33
as in on individual individual note so
0:42:37
we can perhaps
0:42:39
just get the current note
0:42:43
as in
0:42:44
just store the current text
0:42:47
available i want the one that we're
0:42:49
editing
0:42:51
yeah
0:42:52
yes yes
0:42:56
the one that's currently being edited
0:43:00
okay do you know how to get at that
0:43:04
yeah this is in
0:43:06
still front and isn't it
0:43:09
um there
0:43:10
was um
0:43:13
there's a
0:43:15
there's a i think there's like on edit
0:43:18
nope
0:43:19
edit
0:43:21
nope
0:43:26
um if you if you go to still front end
0:43:34
your own script
0:43:36
yeah i was looking in there i think
0:43:38
there's a edit
0:43:40
um
0:43:41
right
0:43:42
and can you see all the functions
0:43:45
in this
0:43:47
in this file
0:43:49
yes
0:43:50
what do you mean
0:43:52
uh which which function do you want to
0:43:54
see
0:43:55
um that's
0:43:56
the thing i can't remember which
0:43:58
function was it but i think there was a
0:44:00
function
0:44:03
probably
0:44:05
okay
0:44:06
so when there's like patch i know so
0:44:08
when the
0:44:11
a post note
0:44:13
oh okay so here
0:44:15
here
0:44:16
patch
0:44:18
i wrote this the other day so
0:44:21
that
0:44:22
um because the posts and patch wasn't
0:44:24
working
0:44:26
yeah
0:44:26
and
0:44:28
i don't know why so i just kind of wrote
0:44:30
it here in still front end
0:44:32
so
0:44:34
you get
0:44:35
the
0:44:36
is this
0:44:39
get text from no it's alright i think
0:44:41
that is the one that i might must be
0:44:44
talking about this text for notes array
0:44:46
that this variable is from script.js i
0:44:49
think you guys added it it's a map
0:44:53
yes so then
0:44:55
that my
0:44:57
you and
0:44:58
kartik i think added this
0:45:00
so
0:45:02
this
0:45:06
i thought that hotkey worked
0:45:09
there's like a hotkey to go back where
0:45:10
you just were and i forgot what it was
0:45:13
f12
0:45:16
is it uh
0:45:18
that's in oh right visual studio
0:45:21
so i think that worked
0:45:23
yeah that worked i actually it went back
0:45:25
to where my cursor was which is wow
0:45:28
right
0:45:29
nice thanks
0:45:30
there's one to go back
0:45:32
yeah so that's great thank you
0:45:34
um
0:45:35
[Music]
0:45:36
so this
0:45:37
this
0:45:40
this happens when you click the save
0:45:42
button
0:45:43
on the ui
0:45:47
this this save yeah
0:45:50
yeah and then
0:45:52
um
0:45:53
[Music]
0:45:56
where is this being initialized
0:45:59
so
0:46:00
in here
0:46:04
uh you get the you get the values from
0:46:07
the data structure you guys created
0:46:09
which is that text notes array or text
0:46:13
notes values or something and so that's
0:46:16
all the notes
0:46:17
that have been
0:46:21
uh edited or something i can't remember
0:46:25
or created
0:46:27
something like that
0:46:29
and then that would be probably all than
0:46:33
all all the texts in all the notes
0:46:36
okay
0:46:38
and then um
0:46:41
these
0:46:43
either get patched or
0:46:47
post if they're new
0:46:49
post is new patches update
0:46:53
right right right i see i i don't know
0:46:57
how
0:46:58
if maybe you know
0:47:00
how to get the get at the currently
0:47:03
edited card
0:47:08
because if you want to say this card is
0:47:10
being updated
0:47:13
or do you want to send
0:47:14
all of the cards
0:47:16
through the websocket
0:47:18
or do you just want to send the one card
0:47:21
okay so
0:47:23
the logic that we are looking at um in
0:47:27
the code right now
0:47:29
that's for kind of a different function
0:47:31
and functionality
0:47:33
which is to save in the database
0:47:36
yeah yeah i i understand i'm just trying
0:47:38
to find where i get at the cards
0:47:41
like where's the like how do i access
0:47:44
the cards so
0:47:46
when we send the message from the
0:47:48
websocket do we want to send it when we
0:47:51
save do we want to send it when we're
0:47:53
editing a card or do we want to
0:47:57
send it when
0:47:59
we basically and that's actually a
0:48:02
really good angle to put as cuz i got
0:48:06
confused between the two function
0:48:09
two functionalities and you you kind of
0:48:11
brought me back
0:48:13
to the actual point
0:48:14
my bad i'm showing you the wrong i'm
0:48:16
showing you this code which has nothing
0:48:18
to do with the websocket but i'm just
0:48:21
kind of using it as reference so sorry
0:48:23
if it's confusing
0:48:25
and no no no no uh i went off track
0:48:29
because
0:48:30
i know you're using this code
0:48:33
to base it as in where we are
0:48:36
where we have all the values that are in
0:48:39
the notes as in the text and we and
0:48:42
you're trying to ask that
0:48:44
where can we get the
0:48:46
currently current
0:48:48
value that's being edited is it from
0:48:51
this code or somewhere else uh am i
0:48:54
right
0:48:55
that's right yeah that's right yeah so
0:48:57
um i finally uh uh
0:49:01
and should explain
0:49:03
better by that
0:49:04
no no it's um it's it's it's
0:49:08
uh
0:49:09
i'm happy that we uh
0:49:13
go to a point um
0:49:16
eventually um which is good
0:49:19
so
0:49:20
i think um
0:49:22
that
0:49:23
we
0:49:24
basically
0:49:30
so we don't do some sleuthing too while
0:49:32
you're talking
0:49:34
oh cool
0:49:35
uh so we don't want to do anything on
0:49:38
this
0:49:39
safe as in any
0:49:43
we don't want to mix
0:49:45
the interactions with the db with the uh
0:49:48
and the web sockets
0:49:50
so what i'm thinking that we could boss
0:49:53
and we could possibly use
0:49:55
the variable in the script.js
0:49:58
to pass it through this still front-end
0:50:02
and then we can pass that through the
0:50:04
websocket
0:50:07
okay
0:50:08
does that make sense
0:50:12
uh yeah
0:50:14
um it looks like when you click so
0:50:18
so to get at the currently edited card
0:50:20
it looks like when you click on it
0:50:22
or to edit it well what did i do i broke
0:50:26
something
0:50:28
what go away
0:50:30
go away google trans
0:50:33
messing with me
0:50:35
okay just translate it do your thing i
0:50:37
don't care yeah
0:50:39
good job oh
0:50:41
ah okay i mean
0:50:45
ignore that maybe
0:50:48
when you
0:50:50
yeah am i
0:50:52
annoying
0:50:57
and can uh appreciate there we go you
0:51:01
can turn the extension off
0:51:03
on this page
0:51:07
yeah
0:51:09
when you click the extension
0:51:11
all right let me just refresh whatever
0:51:16
i don't know why it's doing that i think
0:51:18
i just clicked on it too many times
0:51:21
all right i see
0:51:23
so
0:51:25
now
0:51:26
um
0:51:28
i wonder if there's a way
0:51:31
if i click away
0:51:34
um so there's a way
0:51:36
uh
0:51:38
see if i can do this here
0:51:41
so there is a way
0:51:44
this is this is front end sleuthing
0:51:48
all right so you can go to
0:51:51
hover and if i do focus
0:51:56
nope all right hover active target
0:52:02
target
0:52:04
focus for them um
0:52:07
tori can you possibly go to the
0:52:09
script.js i just want to have a look at
0:52:11
something
0:52:12
sure
0:52:16
none of this works all right but if you
0:52:19
okay if you uh before we go there
0:52:22
yeah when i
0:52:24
when i
0:52:26
you watch over here what happens to this
0:52:29
content editable i think this changes to
0:52:31
true when i click on it
0:52:34
okay
0:52:35
does it
0:52:37
contain edit yeah
0:52:39
yeah it does
0:52:40
all right and if and if we create
0:52:43
another
0:52:44
note just like that
0:52:48
content
0:52:49
add
0:52:51
then then the one that's not being
0:52:54
edited i think will say content editable
0:52:57
false
0:52:58
yes
0:52:59
correct
0:53:01
so if i want to make a cheap hacky way i
0:53:04
can just use a query selector
0:53:07
that basically looks at all of these
0:53:10
notes on the board using query selector
0:53:13
and then just
0:53:14
um just finds the one with the content
0:53:17
editable true
0:53:22
content
0:53:23
okay
0:53:24
and
0:53:25
then that should then that should give
0:53:27
us the card that's currently being
0:53:29
edited
0:53:31
and then
0:53:34
when
0:53:36
we can see we can get the text from the
0:53:39
card and
0:53:40
then um
0:53:43
yeah yeah
0:53:45
and then
0:53:46
throw it in the websocket
0:53:49
yeah when you click what do you want to
0:53:51
do when you click save or what
0:53:54
so this won't have anything to do with
0:53:57
this when it's done being edited
0:54:00
yes yes okay let me think about let me
0:54:04
think about that
0:54:07
there must be a there must be a listener
0:54:09
in script js then
0:54:12
probably
0:54:14
um we can have a look but what was on my
0:54:17
mind is that
0:54:20
you know on the latest
0:54:22
uh no when we are
0:54:25
editing it
0:54:27
we can check as soon as
0:54:30
the
0:54:35
no that wouldn't work that that wouldn't
0:54:37
work because my idea
0:54:40
was to keep a track of the comments uh
0:54:44
and it's a
0:54:45
bow
0:54:46
equals
0:54:47
true
0:54:49
and then when it changes to false you
0:54:51
know it's not being edited is that where
0:54:53
you're going
0:54:56
yes but that would bring up all the
0:55:00
false
0:55:01
ones and send them all at once
0:55:04
then and well no i think i think i think
0:55:07
that i think that could work
0:55:10
i think that could work actually because
0:55:12
that's what i initially thought too
0:55:15
the thing is you need to know
0:55:22
you could use
0:55:26
like you need to like dispatch an event
0:55:29
or some something when that card is now
0:55:35
when when it changes from true to false
0:55:38
then you would like run a function or
0:55:42
some fire off some custom event or
0:55:45
something like that
0:55:46
and then that would say
0:55:49
go send this text through to the api for
0:55:52
this card
0:55:55
or not the api i mean the websocket
0:55:59
you know websocket api yeah
0:56:01
yeah abs i mean
0:56:03
kind of the same things
0:56:09
right um
0:56:11
i don't know if we can solve this right
0:56:13
now
0:56:25
let's just do it the hacky way and see
0:56:27
if it works and then we can yeah
0:56:29
we can fix it up from there
0:56:32
exactly yeah let's do that
0:56:36
uh
0:56:37
because i'd probably just need some
0:56:39
extra time to look at the other existing
0:56:41
code and see
0:56:42
how they're doing it and then probably
0:56:44
base it off script js
0:56:47
um
0:56:48
yeah yeah right right i see
0:56:52
so
0:56:53
for now we can just say
0:56:57
um
0:56:58
when
0:57:02
page
0:57:05
uh well yeah we need some
0:57:10
actually we do
0:57:11
we if we do it this way we do need to
0:57:14
know
0:57:15
when to
0:57:17
add the queries lecture yeah this isn't
0:57:20
going to work my bad
0:57:22
we need to know when it's true and then
0:57:25
when it's not true
0:57:27
but the only way to know when it's true
0:57:29
is probably by looking at script js
0:57:33
yeah yeah
0:57:34
yeah
0:57:36
so okay right
0:57:38
well there's there's actually
0:57:41
this is where like the the debugger is
0:57:44
helpful
0:57:46
so basically we can say
0:57:51
um we can just put a break point when
0:57:55
let's see
0:57:56
create card so this is script js
0:58:00
we have delete card we have edit cards
0:58:02
so there is the edit card
0:58:06
um data dot value there content first
0:58:10
data color
0:58:13
children can we use the edit cause data
0:58:16
value
0:58:19
yeah let's check that out let's add a
0:58:21
break point and see if this hits the
0:58:23
break point
0:58:33
did it hit the break point no it didn't
0:58:37
it's odd
0:58:40
we might want to restart and then run it
0:58:43
should work right away actually
0:58:46
um
0:58:48
hmm
0:58:50
um
0:58:51
jacobs are asking how i applied for the
0:58:53
pizza hut ninja they need more drivers
0:58:56
uh actually i didn't get there but this
0:58:59
said that they probably need the
0:59:02
australian citizens
0:59:04
um so
0:59:06
i'm
0:59:07
not a citizen
0:59:09
jeb
0:59:10
i know many people
0:59:12
are
0:59:14
and um
0:59:15
yeah so that's why i haven't read
0:59:19
so ensure i got
0:59:22
rejected even by pizza huh
0:59:28
oh edit text
0:59:31
data item blah blah blah update text
0:59:33
okay
0:59:35
i wonder though if this was for their
0:59:37
old websocket
0:59:39
implementation
0:59:42
that was here let me try this breakpoint
0:59:48
that's odd
0:59:56
all right yeah i'm i'll probably have to
0:59:58
like look through that's why i'm that's
1:00:01
or i'm making um it's just it's been a
1:00:04
good progress as in really good and we
1:00:07
can just come back to it tomorrow then
1:00:09
yeah i'll uh i'll take a
1:00:12
i'll take a look at it like
1:00:14
later tomorrow or something when i got
1:00:17
some time in the morning
1:00:19
surely yeah this will bring ever and
1:00:23
that'd be really helpful
1:00:28
perfect so yeah there's been a good
1:00:30
progress and um yeah we got
1:00:34
we uh tori managed to um
1:00:37
uh
1:00:38
send
1:00:40
the uh the messages from the lambda to
1:00:44
the
1:00:45
websocket
1:00:46
which was fantastic and now
1:00:49
here's tori
1:00:54
there's no eye in team
1:00:57
that's the one so
1:00:59
oh look at that hakamotory
1:01:03
my head is so cold from the rain
1:01:06
oh i'm gonna get this yeah
1:01:08
he
1:01:09
have a hot shower and yeah maybe
1:01:12
a hot tea
1:01:14
spill and that sounds good actually yeah
1:01:17
yeah might as well
1:01:19
cool guys um so
1:01:22
yeah if you want to see how we solve
1:01:24
this problem of um
1:01:26
sending what we did on the
1:01:29
um back end um between the lambda and
1:01:32
the
1:01:34
websocket but in
1:01:36
this task how we connect the client's
1:01:40
side to um
1:01:42
back end of the website
1:01:44
join us tomorrow
1:01:46
same time same place and
1:01:50
a new task that's the one
1:01:53
all right guys have a good night um and
1:01:57
we'll see you tomorrow
1:01:59
thank you everybody thanks for joining
1:02:00
have a great night
1:02:02
cheers