boarzVideosClipsStatistics

🎬The more you know

⏪
🎦
⏩
Featured in#️⃣EP 162 - How to Host Web App Using AWS S3, CloudFront and Route53
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
🎬
Krunchmaster Kartik
Build, Break & Fix
ZainboarKartikboar
🎬
Killing it
Special Edition: We don't stop until we get our code working
ZainboarKartikboar
🎬
Schooling in brown countries
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
🎬
Unprofessional Kartik
Build,Break & Fix // Weekend two hour special
ZainboarKartikboar
🎬
Brain Refresh
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
ZainboarKartikboar
🎬
Finger driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
🎬
Fast food driven architecture
Build, Break & Fix // Working out Software design
ZainboarKartikboar
🎬
Can't be ashamed if there's never a first version
Build, Break & Fix
ZainboarKartikboar
🎬
Not a uni student
Build, Break & Fix
ZainboarKartikboar
🎬
Can't work, deploying
30 mins of deployment 😠 || 30 mins of coding 🥲
ZainboarKartikboar
🎬
Two points of contact
Today's Broadcast
ZainboarKartikboar
🎬
CORS exclusive lovin'
Today's Broadcast
ZainboarKartikboar
🎬
Sensible policy
Today's Stream
ZainboarKartikboar
🎬
Shoes in mouth
Today's Stream
ZainboarKartikboar
🎬
The code always wins
Buidl Break Fix
ZainboarKartikboar
🎬
Chicken curry in the brown way
Buidl Break Fix
ZainboarKartikboar
🎬
Finger memory practice
Build Break Fix
ZainboarKartikboar
🎬
See you later Kartik
Build Break Fix
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
🎬
Pilot? What even iz dat kind of fing
Today's Broascast
ZainboarKartikboar
🎬
Fish and Chips
Build - Break - Fix
ZainboarKartikboar
🎬
Backup career
Build - Break - Fix
ZainboarKartikboar
🎬
Professional background? Wat even iz dat?
Today's Broadcast
ZainboarKartikboar
🎬
Private mentorship group
Today's Broadcast
ZainboarKartikboar
🎬
Actually good job advice from Zain
Today's Stream
ZainboarKartikboar
🎬
What a classic!
Today's Stream
ZainboarKartikboar
🎬
Uber driver in training
Today's Stream
ZainboarKartikboar
🎬
Viewer burn
Today's Broadcast
ZainboarKartikboar
🎬
Time for a nap
Today's Broadcast
ZainboarKartikboar
🎬
A sniffer of a line
Today's Broadcast
ZainboarKartikboar
🎬
Slow Zain
Today's Broadcast
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
🎬
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
🎬
Get him to the greenscreen
Today's Stream
ZainboarKartikboar
🎬
Change the digit to a number
Today's Stream
ZainboarKartikboar
🎬
The benefits of pair programming
Today's Broadcast
ZainboarKartikboar
🎬
Xs, the healthy choice
Today's Stream
ZainboarKartikboar
🎬
Xs vs mother
Today's Stream
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
🎬
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
🎬
Water physics 101
Today's Stream
ZainboarKartikboar
🎬
Scrum master Zain
Today's Stream
ZainboarKartikboar
🎬
Zain applying his scrum master skills
Today's Stream
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
🎬
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
🎬
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
🎬
What is a sea cable?
Today's Stream
ZainboarKartikboarToreyboar
🎬
If statements are bad practice
Today's Broadcast
ZainboarKartikboar
🎬
Tomato fan
Today's Broadcast
ZainboarKartikboar
🎬
Strong intro
Today's Stream
ZainboarKartikboar
🎬
Impossible URL
Today's Stream
ZainboarKartikboar
🎬
Clever devs
Today's Stream
ZainboarKartikboar
🎬
Always CORS related problems
Today's Stream
ZainboarKartikboar
🎬
CORS headscratcha
Today's Stream
ZainboarKartikboar
🎬
Torres Strait Icelander people
Today's Stream
ZainboarKartikboarThaneshboar
🎬
Icelander or Islander?
Today's Stream
ZainboarKartikboarThaneshboar
🎬
Best Practices
101/200 Episodes
ZainboarThaneshboar
🎬
ROAR coders
105/200
ZainboarThaneshboar
🎬
Diagon Alley? What is that kind of fing?
112/200
ZainboarKartikboar
🎬
C.O.D.I.N.G
113/200
Zainboar
🎬
What's testing
115/200
ZainboarThaneshboar
🎬
CORS coders
115/200
ZainboarThaneshboar
🎬
Complimenting the wrong person
Today's Stream
ZainboarThaneshboar
🎬
Alt+F4 Zain
Today's Stream
ZainboarThaneshboar
🎬
Fixing and failing
Today's Stream
ZainboarThaneshboar
🎬
Brown is always better than white
AWS Websocket + DyanmoDb + Lambda
ZainboarThaneshboar
🎬
Wild street dogs
Today's Stream
ZainboarToreyboar
▶️
The more you know
How to Host Web App Using AWS S3, CloudFront and Route53
ZainboarThaneshboar
🎬
Inactive brain
How To Host Web App In AWS S3 with Custom Domain Using Route 53
ZainboarThaneshboar
🎬
No electricity in Bali
Today's Stream
ZainboarToreyboar
🎬
Francesco
Today's Stream
ZainboarToreyboar
🎬
Indian givers
Compare Hashed Passwords Using Bcryptjs
ZainboarToreyboar
🎬
Cold coffee, cold tea
Today's Stream
ZainboarToreyboar
🎬
Tough questions
Verify Passcode Saving Information to DynamoDB with NodeJs
ZainboarThaneshboar
🎬
Tandoor? Wat even iz dat kind of fing
Today's Stream
ZainboarThaneshboar
🎬
This is why you don't click ops
Today's Stream
ZainboarToreyboar
🎬
Bish Bash Bosh
Get Board Columns from Frontend to Backend NodeJS
ZainboarThaneshboarToreyboar
🎬
Zip first developer
Today's Stream
ZainboarThaneshboar
🎬
Busted again
Today's Stream
Zainboar
🎬
Torey the stinker
Beta Testing Fixes Part 2
ZainboarToreyboar
🎬
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
🎬
Zain's going platinum
Today's Stream
ZainboarThaneshboar
🎬
Doggy dog
Today's Stream
ZainboarThaneshboar
🎬
Fartik
How To Test Prevention XSS Attack
ZainboarKartikboar
🎬
Second Favourite
Today's Stream
Zainboar
🎬
Disco Zain
Today's Stream
Zainboar
🎬
Keyboard allergies
Hook Up AWS Websocket
Zainboar
🎬
As you been poopin?
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
Zainboar

Subtitles

0:00:02
[Music]
0:00:20
what is going on guys welcome back to
0:00:23
another session of buildbreaking fix
0:00:25
brought to you by the rule coders
0:00:28
and today we have zayn and tanesh
0:00:31
how are we doing tonight
0:00:33
you're out there
0:00:34
hey yeah yeah good to be back um yeah
0:00:37
yeah can you get into it as always
0:00:41
fantastic
0:00:45
looking forward to these
0:00:47
sessions
0:00:48
every day a lot to learn a lot of
0:00:51
excitement and a lot of water in the
0:00:54
galaxy
0:01:02
oh it's really hot today so
0:01:04
it was boiling man as in
0:01:08
how did you manage to stay outside for
0:01:10
that long to be honest
0:01:12
yeah true this is luckily we were in the
0:01:15
shade but yeah very hot
0:01:17
yeah true true
0:01:19
um
0:01:20
yeah
0:01:21
go on
0:01:23
um no it's like 37 degrees or something
0:01:26
like that so
0:01:28
it was here you know
0:01:30
on an australia 37 is like pretty hot
0:01:33
you know it's like dry and
0:01:35
yeah anyways yeah
0:01:38
true that's absolutely right though as
0:01:41
in
0:01:43
the best part is that i think
0:01:47
we're not in the northern
0:01:48
territory because over there i was
0:01:50
talking to a friend it was
0:01:53
40 degrees
0:01:54
oh wow and i was like whoa that's what
0:01:58
it's what
0:01:59
yeah yeah
0:02:01
welcome gekko
0:02:02
good to have you um can we please
0:02:05
knowledge that's what it is
0:02:09
yes we sure can um
0:02:11
uh i don't see why not uh so
0:02:14
um i'm not entirely
0:02:17
as in fully aware of what exactly
0:02:19
happened on this australia day uh
0:02:23
do you by any chance n no
0:02:26
uh international no my knowledge is a
0:02:29
bit vague on that as well so yeah right
0:02:32
right because what i do know is um and i
0:02:36
don't know how much of this is correct
0:02:38
or not but um
0:02:40
uh australia was
0:02:43
um
0:02:44
taken over from british
0:02:48
uh
0:02:50
when they came here
0:02:53
right
0:02:54
as in as an invasion day okay oh that
0:02:58
makes sense because
0:03:00
the the misses will
0:03:03
actually showing me that there was a
0:03:06
huge parade um
0:03:08
somewhere in melbourne as in by
0:03:11
aboriginals
0:03:13
they're making that makes sense yeah
0:03:15
yeah i see
0:03:18
yeah yeah okay
0:03:21
yeah um i think like some people
0:03:24
or a lot of people uh have you know a
0:03:26
view on it
0:03:28
they think that the name should be
0:03:30
changed or that they completely
0:03:31
abolished
0:03:34
i say yeah
0:03:36
yeah
0:03:39
cool cool
0:03:41
so we can actually call them apples for
0:03:44
sure right yeah i keep doing i think
0:03:46
that's i think
0:03:48
i don't think so i think uh
0:03:50
i think that's not the right i don't
0:03:52
know but i don't think that's the right
0:03:54
time to be using
0:03:55
um
0:03:57
saying i think maybe gagdev might be
0:03:59
pulling a leg
0:04:01
um
0:04:02
from the tone of his sentence i think
0:04:05
yeah it might be serious
0:04:09
you see his yeah
0:04:10
yeah
0:04:11
so yeah it's i think i think that's a
0:04:14
derogatory term uh if i'm not mistaken
0:04:18
but my knowledge like i said is a bit
0:04:20
vague as well
0:04:23
right okay
0:04:25
so you're saying that um
0:04:27
the loss wasn't
0:04:29
yeah see he was he was yeah he was
0:04:32
pulling you like i think ah okay then in
0:04:35
that sense
0:04:36
right cool no problem
0:04:41
right so so
0:04:43
first things first
0:04:44
let's do the acknowledgment for the
0:04:47
country and pay our our respect to that
0:04:50
to the
0:04:52
uh elders so here goes
0:04:58
i begin today by acknowledging the
0:05:00
traditional custodians of the land on
0:05:02
which we gather today and pay my
0:05:04
respects to the elders past present and
0:05:07
future i extend their respect to
0:05:09
aboriginal and torres strait islander
0:05:12
people here today
0:05:16
fantastic
0:05:17
um
0:05:18
yeah
0:05:19
so is there
0:05:21
anything specifically we need to mention
0:05:24
on this day
0:05:28
um
0:05:31
yeah i don't think so i don't know so
0:05:34
i'm just asking because i don't
0:05:36
wanna save
0:05:38
this day as a normal day when there is a
0:05:42
huge history behind it so if we need to
0:05:46
pay
0:05:47
any respect as a special
0:05:49
respects to as in in terms of words or
0:05:54
anything um we can also do that
0:05:59
um
0:06:00
but not that i'm aware of um
0:06:03
yeah not that i'm aware yeah cool no
0:06:07
problem at all
0:06:09
so uh
0:06:10
uh carrying on
0:06:12
forward um so
0:06:14
just to recall what we did yesterday we
0:06:17
um
0:06:18
uploaded a and we included the uh s3
0:06:22
bucket
0:06:23
in our cloud formations so the whole
0:06:27
idea for that is to
0:06:29
when
0:06:30
we
0:06:31
deploy our
0:06:32
uh our chainsaw
0:06:34
in cloud formation we want to have the
0:06:38
s3
0:06:40
over there already
0:06:41
and then we want to manually upload all
0:06:44
the files and
0:06:46
folders into s3 from our front end and
0:06:49
there i believe we're gonna do it with
0:06:52
the cli
0:06:54
okay nice
0:06:56
yeah um
0:06:58
we did do that last night but um
0:07:02
we were experiencing the some
0:07:06
some
0:07:07
permissions issues
0:07:09
so that is why we're gonna
0:07:13
try that again before we need to give
0:07:15
permissions to
0:07:16
the
0:07:18
um
0:07:18
the
0:07:20
s3 to actually accept all the files all
0:07:23
right
0:07:24
so
0:07:26
yeah so just
0:07:28
do you want wanna actually just play
0:07:30
some music as well
0:07:32
[Music]
0:07:41
okay cool so
0:07:44
it's actually really in interesting
0:07:47
because the music is really cool
0:07:51
uh but it's name is even cooler feeling
0:07:54
the duck
0:08:01
nice
0:08:04
all right cool uh so
0:08:08
do you want to shave the screen maybe
0:08:11
yeah sure do you prefer if i
0:08:14
um share the screen
0:08:18
um either way
0:08:20
okay
0:08:21
um
0:08:27
i need to pull what you guys did as well
0:08:30
yes
0:08:31
i tried to push it by the way at the end
0:08:33
of the day but um
0:08:36
yeah i'll show you i actually didn't
0:08:38
have permissions to push it
0:08:41
really interesting
0:08:44
enriched branch where you pushing it
0:08:48
oh that's pushing it yeah
0:08:51
okay
0:08:52
just be careful
0:08:54
that's fine yeah
0:08:55
um it's always really helpful that
0:08:59
it's just
0:09:00
when you want to push stuff as in
0:09:03
even if you
0:09:05
want to stage it
0:09:06
and committee
0:09:08
just to
0:09:09
maybe do a
0:09:11
get status first
0:09:13
because that actually tells you
0:09:16
first of all in which
0:09:17
branch you are second of all what is
0:09:21
what is staged and what's not
0:09:25
yeah okay
0:09:26
okay
0:09:29
um
0:09:33
okay i i
0:09:34
i didn't know but i like i forget to do
0:09:36
that
0:09:37
that's fine
0:09:39
it takes practice
0:09:40
as in
0:09:42
when
0:09:42
i started
0:09:44
first
0:09:45
doing that
0:09:47
my subconscious mind was always as in
0:09:51
just doing an ad comment and then push
0:09:54
add comment push and then i'm about to
0:09:57
basically practice it that i kind of
0:10:02
created a brand new folder and then
0:10:05
i didn't get a
0:10:07
gear in it and then i purposely did 10
0:10:10
to 15 commits using status add commit
0:10:15
push status add commit push status add
0:10:18
comment and then it just became
0:10:22
a
0:10:23
subconscious habit
0:10:25
yeah yeah true true
0:10:31
okay
0:10:47
i think there might be a setting in
0:10:51
kind of the profile
0:10:53
uh in mac that we can basically
0:10:56
create
0:10:57
a different account
0:11:00
as in
0:11:01
user account
0:11:03
just
0:11:05
for the streaming purposes
0:11:07
as in
0:11:09
in which
0:11:11
everything is just
0:11:12
zoomed in so we don't have to
0:11:15
manually do it every every time
0:11:19
oh okay
0:11:20
as in just basically
0:11:22
create a different profile
0:11:25
dedicated to streaming audrey
0:11:28
yeah yeah okay yeah that's a good idea
0:11:31
hmm
0:11:36
all right
0:11:37
have you done a git pull already yes sir
0:11:40
okay fantastic
0:11:44
so
0:11:45
the first thing we want to work on is
0:11:46
the permissions right
0:11:48
yes please
0:12:06
so buckets already been created and now
0:12:09
i need what how can i visualize the
0:12:12
issue
0:12:13
because i need to have a look at it
0:12:17
okay so the issue you can visualize the
0:12:20
issue by copying
0:12:23
all the file and folders from the
0:12:26
front-end reaper
0:12:28
and upload everything to the bucket then
0:12:32
you visualize it
0:12:35
like manually or you mean through like
0:12:37
cli
0:12:40
uh i would prefer cli but if you feel
0:12:43
comfortable
0:12:44
doing a gazillion
0:12:46
clicks
0:12:47
yeah
0:12:49
feel free to
0:12:51
i just don't know how to do it
0:12:53
okay cool right so
0:12:55
okay
0:12:56
um if so where are you at the moment in
0:12:59
that repo
0:13:01
it's there so if you basically open up
0:13:04
terminal
0:13:06
okay
0:13:15
is your
0:13:16
t-shirt in the wash
0:13:19
yeah man yeah
0:13:21
i'll get it too
0:13:23
yeah no problem
0:13:25
one might do because uh um uh
0:13:29
kartik has two pairs now as well so when
0:13:32
we
0:13:33
link up um i'll give you the mug as well
0:13:37
and get them
0:13:39
give us as a present and i'll give you
0:13:43
another pair of the t-shirt
0:13:46
cool man sounds good yeah
0:13:48
fantastic okay cool so
0:13:51
um you're on the user okay
0:13:55
can you go in the folder in which all
0:13:58
your repos are kept
0:14:15
right um so if you wanna
0:14:19
go into scrambler enhancement
0:14:23
see it into that
0:14:30
and
0:14:31
do a ls
0:14:35
excuse me
0:14:41
thank you
0:14:42
i always fail to
0:14:45
knew my
0:14:46
self in
0:14:48
this this
0:14:49
one time
0:14:51
it just always catches me
0:14:54
all right cool so
0:14:56
we need to
0:14:58
do so
0:15:00
doing
0:15:01
aws
0:15:05
s3
0:15:08
cp
0:15:10
so spacey yeah space cp
0:15:14
and then your source source
0:15:17
directly which would be the
0:15:20
client
0:15:28
[Music]
0:15:29
um
0:15:31
just do client
0:15:36
uh forward slash
0:15:40
space
0:15:42
and then
0:15:43
s3 colon 4 set four slash
0:15:49
and then the bucket name which is
0:15:51
scrambler front end
0:15:55
[Music]
0:15:57
yep
0:15:58
press enter and it will allow you but it
0:16:02
will come as x is denied for
0:16:05
4 million times
0:16:09
oh
0:16:10
oh sorry my bad um you need to add
0:16:14
recursive as well right then
0:16:17
so minus minus recursive
0:16:25
you what's happening upload failed
0:16:27
upload film million times there
0:16:30
um
0:16:31
yeah so probably do unable to look at
0:16:33
credentials
0:16:34
ah so you've got that issue unable to
0:16:39
locate the credentials have you got your
0:16:41
access key
0:16:44
profile i just profile
0:16:46
code
0:16:47
could be the issue yeah yeah
0:16:49
yeah that could be the issue
0:17:03
why does this look like it's working
0:17:05
because it is working well done
0:17:09
really
0:17:10
it is working
0:17:13
see this is the same upload upload
0:17:16
oh
0:17:27
see
0:17:28
it says
0:17:29
completed 10.7
0:17:34
there you go
0:17:36
now if you go and
0:17:38
list the content of the bucket from the
0:17:41
city and i i can name blank no again
0:17:45
here's console is fine
0:17:47
yeah
0:17:48
you can use the console it's good
0:17:51
how do you do it if i say like oh
0:17:54
that's right
0:17:56
yeah
0:17:57
just do it with that um
0:18:01
console
0:18:17
uh by the way if you did wanted to do by
0:18:23
cli it would be
0:18:26
aws
0:18:27
s3
0:18:31
and then i think it would be
0:18:34
the bucket
0:18:36
um no
0:18:37
so
0:18:39
ls and then the bucket name so
0:18:43
this command here i'll just
0:18:45
i'll just kind of type it
0:18:47
in the private chat
0:18:51
s3 ls and then
0:18:54
s3
0:19:04
ah here we go
0:19:06
done
0:19:07
so if you
0:19:08
go on that one
0:19:10
um if you're going to
0:19:14
um we need to check if his public reads
0:19:17
available
0:19:20
oh true true
0:19:22
um
0:19:24
missions
0:19:26
block access
0:19:28
block all public classes okay yeah
0:19:31
that's fine is public um
0:19:34
go to properties
0:19:48
we need to turn this on right oh here we
0:19:50
go yeah
0:19:53
it's been ages i've had a look at
0:19:57
s3 console
0:20:00
yeah actually we shouldn't admit
0:20:03
that's right going to
0:20:04
i know continue please
0:20:07
um
0:20:08
i thought maybe we would um
0:20:12
what's it called we would
0:20:14
do this in
0:20:15
uh club formation
0:20:18
yeah i wanted to but then um
0:20:23
the thing that actually stopped us
0:20:26
was if we want to make any change to the
0:20:29
front end
0:20:31
then we would have to deploy the entire
0:20:34
stack over and over again
0:20:36
okay
0:20:41
cost us
0:20:42
a lot more
0:20:43
true true than he's doing at the moment
0:20:46
yeah which is absolutely
0:20:49
yeah oh sorry girl
0:20:53
you know i i'm just
0:20:54
gonna say which is why we kind of took
0:20:57
this route because
0:20:59
when we because the front end and the
0:21:01
back end are microservices
0:21:04
so
0:21:06
and they're separate from
0:21:09
each other so it's a good idea to keep
0:21:11
them separate as well
0:21:14
[Music]
0:21:16
in
0:21:18
in deployment too
0:21:21
but when
0:21:22
it actually publishes as in everything
0:21:25
is
0:21:27
all or alright then we're going to be
0:21:30
implementing as pipeline and that this
0:21:34
whole process will happen
0:21:36
through there
0:21:38
yeah okay
0:21:39
i'm going to say the same thing yeah
0:21:43
cool so index document
0:21:46
uh no no yeah yeah that's fine home to
0:21:49
html
0:21:52
no optional optional that's optional we
0:21:55
don't need that
0:21:57
save changes
0:22:01
hey tory
0:22:03
welcome man
0:22:05
um
0:22:06
yeah how did they
0:22:08
interview go really curious about it as
0:22:10
well
0:22:14
codex is denied
0:22:21
um
0:22:23
access tonight is saying
0:22:27
maybe it's not public the objects
0:22:39
make public
0:22:43
yeah yeah yeah
0:22:45
all right
0:22:46
seo
0:22:48
ah
0:22:49
it's been eight years of seeing the
0:22:52
s3 console to be honest
0:22:55
it's like
0:22:56
when public okay yeah
0:22:58
make public it's fine
0:23:01
[Music]
0:23:08
but after this we would probably have to
0:23:11
um
0:23:13
make
0:23:16
a rule
0:23:19
yeah but
0:23:21
not at the moment
0:23:22
all right let's have a look
0:23:27
yeah hey hey you did it well done finish
0:23:31
you're the mat
0:23:33
we did
0:23:34
it job
0:23:37
um
0:23:39
because
0:23:41
he's even triggering anything what does
0:23:43
he say
0:23:44
website oh okay um
0:23:47
can you tell me the socky url
0:23:50
because i think that might have changed
0:23:54
d k a r w i'll copy it
0:23:59
yes please
0:24:08
bro
0:24:09
raw coders are speeding through
0:24:22
so
0:24:32
oh great job tori apparently you think
0:24:34
he did um
0:24:37
uh okay and
0:24:39
a pass to the final round so
0:24:41
yeah nice laugh
0:24:43
fantastic congratulations
0:24:45
tori
0:24:46
you always underestimate yourself man we
0:24:50
all believe in you
0:24:53
absolutely
0:25:07
okay so i'll just give you the um
0:25:10
websocket url and um we'll check because
0:25:14
i'm pretty sure that is the issue at the
0:25:16
moment
0:25:17
okay
0:25:22
okay so we face the stream private chat
0:25:27
yeah that was the issue and here you go
0:25:29
that's your website url
0:25:38
so you'll need to show me where to put
0:25:39
this thing because um there would be in
0:25:42
the
0:25:44
um
0:25:46
okay you'll probably have to
0:25:48
create the
0:25:49
environment.js file
0:25:52
first
0:25:54
actually
0:25:55
no no no no sorry my bad my bad goal
0:26:00
go um in this still front end
0:26:06
right at the top
0:26:08
yep oh yeah replace that one
0:26:28
so just rerun the same
0:26:31
command
0:26:33
it should only replace the files that
0:26:35
change i think
0:26:38
right
0:26:41
to be honest i forgot how it used to
0:26:44
work let's say
0:26:47
no
0:26:48
it
0:26:48
looks like the
0:26:50
entire form
0:26:53
i'm going to actually check if there's a
0:26:56
way to just change the oh right um
0:27:03
i think it might be a better idea to
0:27:07
delete all the
0:27:09
for all the files and re-load it because
0:27:13
if you update the files in
0:27:15
s3 there is a bit of a
0:27:18
latency issue
0:27:20
that
0:27:22
it takes a while to propagate the
0:27:25
changes
0:27:28
okay
0:27:31
us
0:27:32
as the exam coming in handy now
0:27:44
actually just
0:27:47
try and see if it does the trick
0:27:52
we need to make it public again
0:28:01
oh sorry um i saw
0:28:05
tracy i saw
0:28:06
uh women's singles
0:28:09
um
0:28:13
yes
0:28:16
the the polish player
0:28:19
her name's pretty hard to pronounce and
0:28:21
um
0:28:24
the one before that as well
0:28:26
um french player and then i also saw the
0:28:28
male singles
0:28:31
since it passed yeah really good games
0:28:45
[Music]
0:28:47
so it does it is connecting to the
0:28:49
websocket um is your
0:28:51
ap
0:28:52
is your backhand
0:28:54
your
0:28:55
right apparently not
0:28:58
because it's not getting anything
0:29:04
still from
0:29:05
97
0:29:08
go to street front and 97 i just wanna
0:29:11
check
0:29:14
oh no
0:29:16
in your car diamonds
0:29:27
which branch
0:29:29
are you on
0:29:32
um
0:29:33
can you do a guest ss
0:29:36
it's easier
0:29:43
connect with okay
0:29:53
[Music]
0:29:58
it's a url maybe it's true
0:30:01
um can you go to the url
0:30:05
and check
0:30:06
what stop uh five what
0:30:10
oh sorry
0:30:16
[Music]
0:30:20
what's going on i'll just get it from
0:30:22
the environment
0:30:24
five q
0:30:26
w hang on let me just confirm that if
0:30:29
that is the one
0:30:31
because you might be right this is the
0:30:34
url issue
0:30:35
yeah
0:30:37
it's the euro issue i'll give you that
0:30:40
one as well
0:30:41
yeah okay
0:30:43
um there you go
0:30:46
it's amazing
0:30:49
yeah yeah go for it
0:30:51
it's amazing what sir
0:30:53
don't you think it's
0:30:55
really amazing that we've
0:30:57
worked on it
0:30:59
on this project them that much as in all
0:31:02
this all these skills are being enhanced
0:31:04
and we are identifying the problems
0:31:06
within minutes now
0:31:09
true
0:31:10
okay good point absolutely
0:31:14
um yeah
0:31:18
yeah i'm the biggest problem okay
0:31:21
true
0:31:23
so you got this whole study right now
0:31:26
um we're still still working through the
0:31:29
hosting sorry by the way
0:31:33
i think more or less though
0:31:35
yeah
0:31:36
we are said 95 there
0:31:40
then next thing to do would be to point
0:31:44
at uh to point s3 to
0:31:47
cloudfront and then
0:31:49
do the domain setup in a
0:31:52
in a way that it uses our domain
0:31:56
yeah
0:31:57
true
0:32:01
um should we
0:32:06
should we just upload that file
0:32:08
we just upload that file
0:32:10
yes
0:32:11
just have one file please
0:32:16
should probably do
0:32:21
yeah that's the one
0:32:23
client
0:32:26
environment js
0:32:28
and if you can remove the recursive
0:32:31
option
0:32:32
because that's a file
0:32:35
not the folder anymore
0:32:39
there we go perfect
0:32:46
this one we should we should also be
0:32:48
conscious that we don't want to make
0:32:50
this file public
0:32:52
yeah
0:32:53
yeah so we can actually make this as in
0:32:58
private if you go back first because
0:33:02
just this one file we can make it
0:33:06
we can make it private i don't know if
0:33:08
you can do this do that
0:33:12
can we
0:33:13
i think so
0:33:15
make
0:33:16
rename
0:33:19
object properties
0:33:21
download open seo
0:33:26
edit
0:33:28
i just want to see if this is yeah
0:33:30
the new one
0:33:35
i think so yeah
0:33:39
uh
0:33:41
everyone
0:33:43
public access
0:33:45
no apparently it doesn't have any public
0:33:47
access which is good
0:33:54
yeah cool nice right
0:33:56
let's give this a shot
0:34:04
sure i cannot access url before
0:34:09
initialization
0:34:11
can you go back to the file
0:34:15
oh you mean yeah
0:34:17
yes it says
0:34:19
con access
0:34:20
europe before initialization so go right
0:34:24
at the top
0:34:25
i want to see where the url is actually
0:34:27
assigned
0:34:28
okay and we go to your environment.js
0:34:32
file
0:34:35
yeah yeah that's fine
0:34:39
oh and
0:34:40
okay yeah i thought um the board
0:34:44
forced that wasn't there but is
0:34:46
there why is it saying
0:34:50
that you
0:34:51
can't
0:34:53
use the
0:34:55
url before it's assigned
0:35:03
actually might be there
0:35:05
we need to give that
0:35:07
page or the file public access as well
0:35:11
and then it will pick up
0:35:14
yeah yeah i think yeah that's what i'm
0:35:16
thinking as well
0:35:18
um
0:35:19
tool is filled um so all the
0:35:23
file
0:35:24
all the files and the client
0:35:27
folder
0:35:29
is in
0:35:32
s3 now
0:35:34
so essentially all the front end things
0:35:38
are in
0:35:39
s3 now
0:35:41
okay so that's what
0:35:43
yep
0:35:44
fantastic
0:35:46
cool um now i'm gonna go to
0:35:49
the
0:35:51
the the
0:35:53
dynamodb
0:35:55
and check if the entry has been there
0:36:01
uh
0:36:03
tables previous connection
0:36:06
explosive
0:36:08
okay
0:36:09
do you wanna connect again
0:36:14
do hard refresh
0:36:17
oh
0:36:17
okay nevermind
0:36:20
we um we need to add a button on the
0:36:24
front end to actually do this can
0:36:27
leave or disconnect
0:36:34
what do you mean sir
0:36:36
so
0:36:37
you know we
0:36:38
once the user connects to the websocket
0:36:42
which is opens um their
0:36:45
index or html page opens up
0:36:48
but when they leave that page
0:36:52
i wanna call disconnect
0:36:54
function of the websocket
0:36:57
as it's so soon as they
0:37:00
leave uh the index page then they will
0:37:04
automatically disconnect from the web
0:37:06
server
0:37:07
from the websocket server sorry
0:37:10
would there be a way to instead of
0:37:12
adding a button
0:37:14
when they close the page we just
0:37:16
disconnect
0:37:17
that's exactly what i was
0:37:21
we're gonna search on doing because yeah
0:37:24
you're right we sh shouldn't really have
0:37:28
any extra buttons
0:37:30
so that the user had
0:37:32
has doesn't deliberately
0:37:34
click
0:37:36
on that to disconnect
0:37:39
but yeah that's looking good so far do
0:37:42
you want to connect again when i ask you
0:37:45
to because i just want to make sure that
0:37:47
um
0:37:48
the uh the insertion of the website
0:37:52
connection id is actually working
0:37:55
okay yeah you mean just refresh
0:37:58
um so just connect
0:38:00
to the websocket
0:38:04
sorry um
0:38:05
so
0:38:06
basically
0:38:08
create a board
0:38:10
okay
0:38:33
uh i just found a bug yeah
0:38:36
that's the bug
0:38:37
listen
0:38:39
okay cool
0:38:41
let's see if that's coming up
0:38:43
and it does
0:38:48
hang on a minute
0:38:51
why are there two connection ids
0:38:56
should be only one
0:39:01
do you want to
0:39:02
do that again
0:39:04
so maybe you open that in
0:39:07
incognito after closing after closing it
0:39:17
what
0:39:19
really
0:39:22
the websocket will time out after 10
0:39:25
minutes from where i read
0:39:26
so that would happen if it doesn't
0:39:29
connect isn't it
0:39:32
tory
0:39:36
so you will try to to connect
0:39:39
for 10 minutes and then if it doesn't
0:39:42
then it will timeout should just be
0:39:44
connected to time zone code
0:39:47
true true yeah
0:39:52
okay yep finish go for it
0:39:58
incredible
0:40:02
yes
0:40:08
please okay and i'll check how many
0:40:12
please just insert one
0:40:16
it's nothing to
0:40:17
connection ids i'm not entirely sure
0:40:22
why and actually what i might do if you
0:40:26
send me the
0:40:28
euro
0:40:29
flash i'm gonna drown my side
0:40:34
is it possible saying that it's
0:40:36
inserting one for this and then one more
0:40:38
when we create the board
0:40:43
hang on a minute
0:40:46
just bear with me for a second
0:40:48
this isn't interesting
0:40:51
[Music]
0:41:17
say
0:41:45
yeah sure i'm
0:41:46
sorry always does that huh
0:42:07
[Music]
0:42:11
yeah absolutely
0:42:19
um
0:42:22
[Music]
0:42:27
i
0:42:29
said i'll
0:42:30
build
0:42:31
not this same thing but my
0:42:34
that's just battery died
0:42:36
i i just get carried away
0:42:40
from the zone
0:42:42
anyway coming back
0:42:45
what were you saying
0:42:52
uh oh what i was trying to say is that
0:42:54
maybe
0:42:55
what if it's because it is loading it
0:42:57
here once and then loading it again
0:43:00
when we create the board
0:43:02
um
0:43:04
that can't be because um
0:43:06
we're actually only connecting when the
0:43:09
on the
0:43:10
index.html
0:43:12
on
0:43:13
load of index.html
0:43:16
i see okay that makes sense
0:43:20
this is very interesting because
0:43:22
i'm running in the dynamodb
0:43:27
but
0:43:27
no matter how many times i'm running
0:43:30
it's giving me a connection id
0:43:32
see if you do it now
0:43:36
what happens
0:43:40
mean load the
0:43:41
page and create both
0:43:43
yes please
0:43:50
um you must be right
0:43:54
nesh
0:43:56
you must be right you must be right hang
0:43:58
on i just because i think that is doing
0:44:03
what you said is doing
0:44:13
okay so
0:44:14
now if you want to load the home page
0:44:19
what does it do
0:44:23
okay so wait let me let me okay i'm
0:44:25
gonna cancel this
0:44:27
um
0:44:29
is it no connection id now say
0:44:32
uh no connection id
0:44:40
any connection id
0:44:43
yes
0:44:44
yes okay yeah there's one connection i
0:44:47
just so that is exactly what's happening
0:44:49
it's inserting uh
0:44:51
it's actually connecting to a web socket
0:44:57
on home.html as well
0:45:01
page loads
0:45:04
okay so that is a bug
0:45:06
we need to fix that first before moving
0:45:09
on
0:45:12
all right we're gonna basically come
0:45:13
back to ashley
0:45:15
shall we come back to that or shall we
0:45:18
do this first and then move on to
0:45:22
changing the domain name
0:45:28
i mean in terms of functionality
0:45:30
um perhaps this seems like more of a
0:45:34
priority
0:45:36
yeah so that we can kind of like give it
0:45:38
up to to the people that you were
0:45:41
suggesting as well
0:45:46
jason
0:45:47
i know that
0:45:53
okay then yeah that is fine um
0:46:00
okay cool so we can basically move on to
0:46:05
uh
0:46:05
changing the
0:46:07
domain name now
0:46:09
okay
0:46:10
yeah
0:46:12
okay
0:46:15
what's on your mind
0:46:17
i was saying
0:46:18
what i was trying to say is i feel like
0:46:20
i felt that this was more of a priority
0:46:22
but um
0:46:24
yeah i don't know if you feel felt the
0:46:25
same way
0:46:26
um
0:46:29
yeah i'm feeling this is
0:46:31
more for priority um
0:46:40
yeah and actually just fix this one
0:46:45
first and then we can move on to the um
0:46:47
domain name
0:46:54
uh i'm not really familiar with this
0:46:56
though because yeah
0:46:59
when you guys did this
0:47:01
okay try to read the read the code and
0:47:05
take it
0:47:06
take your time there's no rush
0:47:10
so on connect
0:47:32
okay
0:47:50
so basically
0:47:53
what it's doing go to home.html
0:47:59
go to
0:48:01
which files is importing
0:48:07
ah
0:48:09
there's the culprit
0:48:14
do you know what's happening
0:48:16
yeah yeah yeah
0:48:18
yeah
0:48:19
that this is exactly what's happening
0:48:21
because it's loading the file
0:48:25
in
0:48:26
home.html so it's ultimate and the code
0:48:30
is in the home.html um it's still
0:48:33
front-end file
0:48:36
which is why it's
0:48:38
connect connecting twice
0:48:43
we can basically insert
0:48:46
insert an if statement that if
0:48:52
if it's coming from home donation
0:48:55
demo then don't insert it
0:49:01
don't insert it like you mean
0:49:08
no um
0:49:10
you know where the on connects function
0:49:12
is is being called
0:49:14
so try to find the
0:49:18
where on connect function has been
0:49:20
called yeah
0:49:21
over there we will probably have to
0:49:24
do an if statement that if it's home to
0:49:28
html file then don't connect it
0:49:32
and then
0:49:34
skip that statement
0:49:35
yeah okay
0:49:39
you know how to do that
0:49:41
no not very familiar okay i will google
0:49:45
that because
0:49:46
i haven't done that either so um
0:49:50
skip
0:49:53
skip
0:49:55
a function
0:50:09
[Music]
0:50:10
oh no sorry um can you go back i think i
0:50:15
might i might know what what needs to
0:50:17
happen
0:50:21
we need to choose the part
0:50:23
uh
0:50:24
windows door location yeah
0:50:29
tory basically told us that
0:50:32
15 minutes ago
0:50:35
he's on top of it
0:50:37
yeah
0:50:39
here you probably already knew
0:50:41
yeah
0:50:42
yeah
0:50:53
um i think there has to be
0:50:55
a full
0:50:56
url
0:51:00
pause the name so it will probably be um
0:51:05
actually can you go back to the browser
0:51:08
or what the
0:51:10
thing is
0:51:13
you drop this
0:51:15
um
0:51:16
the page itself
0:51:18
as in our project page
0:51:21
okay we need um
0:51:23
[Music]
0:51:25
can we go back to home.html
0:51:31
right so it's not giving
0:51:33
[Music]
0:51:35
actually
0:51:42
um
0:51:47
i was thinking they must have a path
0:51:50
name but it doesn't have it
0:52:02
actually um probably uh
0:52:05
forget uh
0:52:07
do if path
0:52:09
name is an
0:52:11
empty string basically
0:52:13
and see if that works
0:52:17
oh no so windows door location dot path
0:52:21
name
0:52:40
brackets
0:52:52
do you maybe want to do a 10 year
0:52:56
ternary operator
0:52:59
generate statement could
0:53:02
that can save
0:53:04
three lines
0:53:10
probably
0:53:10
convert the okay nevermind you can do it
0:53:14
in this way
0:53:25
so if it's
0:53:28
not empty
0:53:30
we can do that
0:53:37
it's not
0:53:40
super familiar because
0:53:45
actually don't worry about it
0:53:48
we can do it the
0:53:51
other way around as in
0:53:54
again in this classic way and fix it up
0:53:57
later
0:53:58
yeah yeah exactly
0:54:02
all right
0:54:03
if it's not known
0:54:05
so we wanna we don't wanna connect so if
0:54:08
it's not
0:54:12
yeah
0:54:13
if it's not empty then connect
0:54:23
okay
0:54:25
if it's and if it's not if the path
0:54:29
name isn't there
0:54:31
then constant open
0:54:33
here
0:54:34
connect and console.log
0:54:42
um you probably want to put the send
0:54:45
message inside
0:54:46
the if statement as well
0:54:49
as in the whole thing
0:54:57
yeah so
0:54:58
do everything only if it can um
0:55:02
the path
0:55:03
name
0:55:06
is there
0:55:18
okay
0:55:19
we have tori's approval
0:55:21
it might work
0:55:34
we it probably won't work here because
0:55:38
it won't work here
0:55:40
yeah we want to check it and uh
0:55:46
yeah true
0:55:47
true
0:55:48
i just
0:55:50
okay let's just check it in
0:55:52
should i just redeploy this
0:55:55
yeah
0:55:57
just that page
0:56:05
see how fast is cli
0:56:09
yeah that's true actually
0:56:13
there you go boom done simple
0:56:16
actually yeah if i was to open the
0:56:18
console and then dragging yeah
0:56:21
yeah
0:56:24
cool done say here we go
0:56:30
not even a minute yet and it's done
0:56:47
let's see
0:56:51
hang on a minute
0:56:53
i'll just
0:56:54
make sure that there are no ids anymore
0:56:58
and then you can oh you've already
0:57:01
opened up the
0:57:03
thing i'll try it i'll reopen it oh okay
0:57:06
i'll close this one
0:57:08
yeah if you can taste that because
0:57:10
all of it
0:57:11
yeah
0:57:12
close everything and reopen that one
0:57:15
hopefully it doesn't come in now
0:57:19
okay and no ideas right
0:57:21
no no idea
0:57:36
uh
0:57:37
let me check hopefully not
0:57:40
now it's still coming up
0:57:43
um
0:57:44
so that didn't work obviously
0:57:49
right uh
0:57:51
how to
0:58:12
hang on a minute um
0:58:16
maybe we use this
0:58:19
let me check
0:58:23
path name is okay
0:58:26
yeah yeah for sure good work
0:58:30
definitely do this
0:58:39
that's correct writing javascript is it
0:58:41
double that
0:58:46
probably do a
0:58:49
but single
0:58:49
might be wrong as well
0:58:55
let's try it
0:58:57
what's the worst can happen
0:59:00
it won't work
0:59:01
yeah that's true
0:59:17
oh the expert advice is about to come
0:59:21
true
0:59:31
okay and
0:59:33
hang on i'll just delete that one and
0:59:35
see where it comes back
0:59:39
okay
0:59:40
no ideas
0:59:41
it is okay
0:59:59
any idea
1:00:02
uh hope not
1:00:04
no
1:00:05
no idea well done
1:00:07
that worked
1:00:08
brilliant so let's see
1:00:10
let's
1:00:12
first
1:00:19
id
1:00:22
id
1:00:24
nice okay
1:00:25
that is working good job thanks man
1:00:29
um
1:00:31
what did torah say the dev tools
1:00:33
consulted
1:00:34
all right that's what we did yeah he
1:00:36
said he's exactly what you did yeah
1:00:39
cool so this is done this has been a
1:00:41
productive session
1:00:43
to be honest
1:00:44
well done man
1:00:46
yeah it's been really good got a lot
1:00:48
done this is yeah
1:00:50
true true
1:00:53
all right
1:00:54
cool
1:01:00
uh only the
1:01:02
maybe the front end code
1:01:06
yeah yes just a front-end
1:01:08
code and just make sure you do
1:01:13
on
1:01:15
your status um you won't be able to push
1:01:19
any
1:01:20
way to devil or master
1:01:23
because it won't allow you to base a
1:01:26
really good habit to get into
1:01:28
yeah true okay
1:01:31
yeah and then not to push to the master
1:01:34
but to do the
1:01:36
gear stages
1:01:41
oh i'm sorry
1:01:42
the the issue was uh well yeah what zayn
1:01:45
was saying i can't push the master and i
1:01:48
tried to do that in the previous
1:01:51
stream so that's why
1:01:53
it's my bad
1:01:55
that's all right
1:01:57
so
1:01:58
finish can you do the honors
1:02:01
uh yeah
1:02:02
um so today
1:02:05
was a productive session we
1:02:08
managed to create a new
1:02:11
or managed to push the files the local
1:02:14
files uh front-end files into os3 bucket
1:02:18
that we created in the last episode
1:02:21
um and we got that to display as well
1:02:24
um
1:02:25
but we're having a few issues in terms
1:02:27
of the urls which we we got fixed pretty
1:02:30
easily
1:02:31
um
1:02:32
and then in the last little bit we
1:02:36
um we were getting two websocket
1:02:38
connection in dynamodb
1:02:40
but we fixed that up with a simple if
1:02:43
statement so
1:02:45
um it's working now and yeah on to the
1:02:47
next stage which is uh getting the
1:02:49
domain
1:02:51
uh linked up with with s3 bucket so
1:02:54
if you want to see that yeah see us
1:02:56
tomorrow uh same time same place and
1:03:00
a different task
1:03:02
fantastic guys have a good night and
1:03:06
we'll see you tomorrow
1:03:08
see everyone good night