0:00:24
what is going on guys welcome back
0:00:27
to another session of build break and
0:00:29
fix brought to you by the royal coders
0:00:36
we're based in melbourne australia
0:00:39
and yeah let's get cracking so
0:00:42
uh as you already know that we are
0:00:44
working on this um
0:00:47
adding a persistent storage to an open
0:00:49
source project called scrambler
0:00:52
um basically adding
0:00:55
dynamodb and then um incorporating the
0:00:59
entire architecture on aws backed
0:01:04
is going pretty good so far and um
0:01:08
yes today what we did was we um
0:01:14
uh we managed to insert all the notes
0:01:17
multiple as in the multiple notes in the
0:01:21
on the click of the save button and that
0:01:24
was pretty good and then we also made
0:01:26
sure that the board id is being
0:01:29
dynamically passed
0:01:30
which was done as well
0:01:34
what we will basically
0:01:49
um yeah the updates functionality so
0:01:53
let's get cracking on that one
0:01:56
hey tory what's happening my good to
0:02:00
um i'll just do the
0:02:03
acknowledgement of
0:02:05
the country as in the land that belongs
0:02:07
to the traditional custodians so i'll
0:02:10
just acknowledge that one um yeah there
0:02:15
i begin today by acknowledging the
0:02:17
traditional custodians of the land on
0:02:20
which we gathered today and pay my
0:02:22
respects to the elders past present and
0:02:24
future i extend their respect to
0:02:27
aboriginal and torres strait islander
0:02:32
all right fantastic
0:02:34
now that that is done
0:02:37
let's get cracking on um the actual
0:02:41
technical bit um so let's uh see
0:02:46
where we are at in
0:02:50
jira first because i wanna
0:02:58
i'm pretty sure i'm sharing my screen
0:03:12
the viewers should hydrate is well let's
0:03:17
okay i'll log into my account
0:03:29
that's my email and
0:03:33
that's my password
0:03:35
hopefully that would work
0:03:46
all right so let's go to your software
0:03:51
our board and then what we needed to do
0:03:57
so insert nodes from front end so that's
0:04:05
notes into dynamodb that's basically in
0:04:10
so we have tested it already
0:04:16
we're gonna test this overall
0:04:18
functionality again
0:04:20
but this one is done which is good
0:04:27
and insert multiple texts from multiple
0:04:30
and so multiple tests for multiple notes
0:04:33
that was done as well yesterday which is
0:04:38
i'll just do this testing
0:04:41
and preventing duplicate from getting
0:04:43
inserted in the db
0:04:47
yes that one is also
0:04:49
in testing i believe
0:04:52
oops what happened there
0:05:02
that's in testing two
0:05:07
the reason why i'm
0:05:09
putting these ones all in testing is
0:05:15
development everything is going to be
0:05:18
tested internally in the last month
0:05:22
december all right let me just check the
0:05:27
yeah that's the one
0:05:50
all right cool so now that this is there
0:05:53
uh confirmation prompt
0:05:59
the board off to say
0:06:02
after save click okay cool so we need
0:06:07
add this one um that goes into progress
0:06:17
that's right uh cool so
0:06:20
we were gonna jump into the code
0:06:28
just to give you a bit of an update okay
0:06:30
i hope uh everything was okay yeah yeah
0:06:37
i put all these into testing
0:06:44
i haven't played to done is because in
0:06:47
the last month which is december
0:06:51
there's a plan to test
0:06:54
everything all in one
0:06:56
go so purely just testing
0:07:03
okay um so they're gonna sit in testing
0:07:06
all this time then
0:07:12
yes because i want uh because if we say
0:07:16
done then that means that we're not
0:07:17
gonna come back to them at all
0:07:23
i mean it depends on what kind of
0:07:24
testing styles you're looking for right
0:07:29
what we are doing till now it's it's
0:07:31
called bd sorry tdd
0:07:33
and what you are saying
0:07:37
that that's like a kind of a really
0:07:38
different test phase of the project not
0:07:42
like this life this ticket is the death
0:07:51
oh okay so basically you're separating
0:07:54
the dev and the test okay
0:07:57
yeah what you're saying is basically
0:08:11
i i don't have much knowledge about
0:08:14
testing uh except for manual testing
0:08:17
unit testing white box and black box
0:08:24
do you want to explain what alpha
0:08:27
is because that's a kind of a new
0:08:31
i mean alpha testing is really just
0:08:38
product before even releasing it
0:08:43
this is something before beta so
0:08:46
nothing really complicated
0:08:50
so that means that we cannot actually
0:08:57
that fish yeah right
0:08:59
get this right like alpha testing isn't
0:09:01
really a thing like it's just a fancy
0:09:03
way of saying oh yeah
0:09:05
we're gonna spend a week to just play
0:09:07
around with the app
0:09:09
ah okay right right right yeah because i
0:09:13
really want to do that phase as well
0:09:20
so this one i can basically put that to
0:09:27
so the whole motivation of this
0:09:32
did i tell you and then
0:09:34
why is that in peer review
0:09:37
um just because we're going to review it
0:09:43
um so that's in peer review because
0:09:46
there is a button of
0:09:50
um we probably have to
0:09:53
look for as in an appropriate
0:09:55
place on the page that we want to place
0:09:58
that so i wanted to go back to this one
0:10:03
after to the posting function analysis
0:10:16
as in displaying the confirmation prompt
0:10:21
after save is clicked
0:10:27
i think the prompt should appear after
0:10:29
the post note has been called
0:10:46
planning should be a point
0:10:50
since planning know it
0:10:53
then explaining or saying planning oh
0:10:55
pleasant's planning
0:11:01
um i didn't really get that
0:11:09
not planning it means like explain and
0:11:14
pretty much you pretty much get that
0:11:18
yeah i'm just really as it um
0:11:23
deadline in my mind so i'm just doing
0:11:28
to as in approach that one successfully
0:11:31
but trying my best also keeping him the
0:11:35
right way which is apparently not
0:11:42
um right so it should happen after the
0:11:46
post notes which is cool um
0:11:54
is there any um confirmation boxes as in
0:12:00
built with confirmation boxes
0:12:23
ah i can you know i can't can i use
0:12:27
this one that's a good idea
0:12:31
you should make a deadline or
0:12:39
i think there's really
0:12:42
adamant on seeing your dev associate
0:12:53
okay oh well i was thinking that after
0:12:59
done um i might start to stream my prep
0:13:03
on the stream as well
0:13:05
i don't think that's the original idea
0:13:09
that is not an original light
0:13:11
yeah it wasn't there is no idea no yeah
0:13:13
you just want to copy me
0:13:17
boy did you say that yeah
0:13:23
ah okay yeah then either you're a
0:13:27
listener or you're a good liar right now
0:13:32
neither because probably simple that
0:13:35
would probably be shorter memory loss
0:13:41
anyway yeah let's get back
0:13:55
so what i'm gonna do is i'm gonna
0:14:15
youtube did you put it on twitch oh i
0:14:18
didn't know that we didn't have
0:14:22
yeah it's fine we need to go ahead and
0:14:24
update an about section i think i
0:14:26
already wrote it even for a linkedin
0:14:32
might want to copy and paste that there
0:14:44
all that file called before
0:14:49
it's still called that
0:14:52
and funny i use the word
0:14:57
i'm still you have to say
0:15:29
is it called something else before
0:15:32
i don't want to say that
0:15:36
i feel like that's a dead trap
0:15:42
ah i didn't get the pages
0:15:55
oh you keep pulling yeah
0:16:12
okay there were guys there
0:16:16
you already have the code
0:16:37
you can't more comments okay
0:16:46
oh you guys have a bet or something that
0:16:49
the first person to say the
0:16:56
yeah from our moms
0:17:04
well spoilers no one's gonna end it
0:17:21
ah this is still showing that one no i
0:17:25
don't want that one
0:17:36
not that can't be it
0:17:39
so every entry this is coming up
0:17:43
i feel like you just want to put a green
0:17:46
kind of a thing on top
0:17:52
saved successfully
0:18:00
how do i do that in in in
0:18:06
oh they're like 100 different ways you
0:18:27
so are we looking for a prompt
0:18:32
like the front desk
0:18:37
it would as soon as i press save it
0:18:39
would just come up as safe success
0:18:42
free for i don't know
0:18:44
five to ten seconds
0:18:46
where do we want it to come
0:18:56
where on the page so like is as an alert
0:19:01
and on the bottom like near the safe
0:19:03
button in the middle of the page just in
0:19:06
the middle of the page
0:19:09
keep it simple i'm gonna go go back to
0:19:18
in the middle okay so the user can
0:19:23
i see that okay it's been
0:19:31
um you just need to see where
0:19:35
middle is like what david it is inside
0:19:40
and then we can do a
0:19:44
document get relevant by id for like a
0:19:46
particular amount of time
0:19:51
i was thinking first do that as in make
0:19:55
that kind of a prompt or an hello
0:20:08
so it's not the middle is that what
0:20:12
to be honest i don't mind where
0:20:15
ever it comes i just need it as in the
0:20:19
user can see that that is if it's
0:20:22
successfully saved or not
0:20:57
well that doesn't know
0:21:05
message box i thought that was in vb.net
0:21:26
he must be talking about bb.net
0:21:30
something like like as in in dot net
0:21:32
space because that's
0:21:44
ah and let's confirm
0:21:47
pro ah i think i need prompt
0:22:30
and what you can do is that
0:22:33
you can do something like this what i'm
0:22:34
sending in the chat
0:22:38
cool i just want to see if this
0:22:43
and if it doesn't then
0:22:46
we'll move on to that one
0:23:04
i just wanna also check are these
0:23:06
actually getting inserted in the um
0:23:10
you can check using postman
0:23:13
yes i will okay i probably have too hard
0:23:18
anyway i'll come back
0:23:24
just get the board id from there oh okay
0:23:45
so we entered n456
0:23:57
this can't be right
0:24:27
okay so that creates a board
0:24:45
that's weird that's so fun
0:24:50
experiencing probably these kind of
0:24:57
so we'll just have to bear in mind that
0:25:05
one two three four
0:25:24
i can see in four i can see n3
0:25:28
yeah conscience ah
0:25:30
and two whatever yeah
0:25:33
how many should there be four yeah
0:25:36
and one two three and four
0:25:44
i just want that message to show up only
0:25:47
once by showing them multiple times at
0:25:51
ah because it's still in the
0:25:58
there we go now they should do the trick
0:26:06
i really don't want this as in this
0:26:35
let me check if i've got the t2 here now
0:26:41
um there's a problem
0:26:45
yep someone's going cleat
0:26:54
yep definitely delete
0:27:06
let's just post the board from here
0:27:22
i don't really care about that just post
0:27:25
change the board id
0:27:36
um what am i munching on
0:27:44
kind of chips kind of thing
0:27:49
okay they're deleting the boards
0:27:58
i'm thinking that would probably be have
0:28:00
to be the case in in this way
0:28:03
cool let's delete the stack and then
0:28:07
you open it i think this might be the
0:28:10
main reason why the
0:28:26
okay i'm gonna after doing this i'm
0:28:41
oh i'm thinking that
0:28:46
um the user authentication might take a
0:28:49
bit of a long time because
0:28:53
i'm not entirely sure how to do that at
0:28:55
the moment except that i know the
0:28:57
services that we used but
0:29:30
i know what you mean with cheeky stud
0:29:35
a really cheeky one isn't it
0:29:38
as in a kind of a shortcut he means
0:29:42
i don't think so that was a point story
0:29:48
okay now open that one up
0:29:56
that's not the one not any icons i don't
0:30:01
wait what are we opening
0:30:03
uh money to open up the back end project
0:30:19
can you stop sharing my screen
0:30:21
i can um only one second
0:30:30
don't talk anyone hacking in progress
0:30:52
um authentication for
0:30:57
um controllers character
0:31:01
where was the f one point i don't think
0:31:03
so sorry i didn't say that
0:31:06
i didn't see it full
0:31:08
so if that's considered as one point
0:31:12
also can you guys send me the link of
0:31:16
if there's an online one
0:31:20
how long before i leaked the last time i
0:31:23
think it's it's been a while
0:31:27
yeah like i feel like there's no real
0:31:30
way to do it except seeing it on the
0:31:42
that we have the endpoint we don't
0:31:45
really submit that in
0:31:50
so i don't really think that they can
0:31:53
get from the gear repo
0:31:56
only from stream that they can't oh i
0:31:59
mean i agree with that like we are just
0:32:04
hide a public end point rather than
0:32:07
just making this public endpoint
0:32:14
i didn't get what you mean by pseudo
0:32:19
generally we can try and make it private
0:32:22
um using code or i'm pretty sure there
0:32:26
things i'm not going to
0:32:28
find out about that one
0:32:31
because i think we really need that
0:32:34
solution this is just
0:32:37
really hassle some and not a proper way
0:32:40
to do things properly yeah
0:32:44
all right um the change has been um the
0:32:48
the api has been deployed
0:32:54
building it after changing the
0:33:01
um we need to basically
0:33:07
wow i can think of a lot of
0:33:09
modifications as in for refactoring at
0:33:17
yeah we'll come back
0:33:26
one of the team members to do their
0:33:29
minor modifications
0:33:32
and then we can just focus on the
0:33:38
yeah yeah surely that would be fun
0:33:49
what do you mean the team members then
0:33:53
um so there's a team of
0:33:57
four devs and five including me as well
0:34:03
the others are working
0:34:07
other parts of the front end
0:34:14
these things so that's what i mean by
0:34:21
that's pretty cool
0:34:26
and you're one of them okay
0:34:34
i i'm not hearing what i'm expecting to
0:34:38
no i mean i already knew this
0:34:40
information that was okay
0:34:47
yeah but it's been a completely
0:34:50
for me specifically it's been a really
0:34:53
unique experience has been leading the
0:34:59
developers nice yeah yeah pretty much i
0:35:02
think do you like it like
0:35:04
do you think you're meant to like
0:35:07
do you think you're
0:35:11
you can say i'm getting good with people
0:35:18
but i'm still kind of as in
0:35:23
upskilling manner as in
0:35:26
from switching my brain from one thing
0:35:29
to another straight away and then
0:35:33
those kind of things but yeah overall
0:35:36
it's been really fun so far though i
0:35:38
don't want to stop doing it
0:35:43
right um i'll give you the
0:35:46
that explains the long duration of this
0:35:53
you you've got yeah
0:35:56
we're not working as in full time
0:36:08
i would say four hours per week
0:36:13
kind of deployment and all that and like
0:36:16
oh yeah hello what's up
0:36:32
make sure to think that it's on postman
0:36:34
current initial and it's updated on
0:36:38
the table name is updated after
0:36:41
i i've done the table name i'm just
0:36:44
gonna do the api thing
0:36:47
the ultimate endpoint with which does
0:36:50
all the magic for us
0:37:04
and initially current
0:37:07
if you guys want to bet on something get
0:37:10
bet on when will i get my hair cut in
0:37:12
the next seven days
0:37:16
in the next in the next two days three
0:37:22
it's better on your private chat even i
0:37:29
that one oh i closed the entire thing i
0:37:32
actually don't know i haven't booked an
0:37:34
appointment but i have a busy weekend
0:37:37
but it has to happen sometime
0:37:39
in the next seven days
0:37:47
okay and you should be good to share
0:37:59
every time i got my hair i look really
0:38:08
yeah it looks like i got my hair
0:38:16
so you can go ahead and show that
0:38:27
so now what we're gonna do is test
0:38:32
create multiple boards
0:38:37
how many points are that you guys had
0:39:01
oh don't tell me this now
0:39:09
unshit hide my screen yeah
0:39:23
oops jeez i clicked another button and
0:39:31
nothing i just clicked the stack
0:39:33
overflow link while hiding back
0:39:39
i promise you cannot read properties of
0:39:42
undefined board id
0:39:44
right would i just
0:39:48
stir friends and bought ideas giving
0:39:50
their own board id now
0:40:01
are we getting the board id still
0:40:12
i did not read that get there so
0:40:19
look at the screen
0:40:32
still didn't get that
0:40:39
and that works here
0:40:43
can i just clean up
0:41:01
is that a point question objective that
0:41:04
only i'm gonna read it
0:41:08
that's working now
0:41:12
i think karting and tanisha are really
0:41:14
great devs what do you think then
0:41:33
that's working so if we go back and then
0:41:40
that should work as well
0:41:48
i think we showed it for like a second i
0:41:55
it's very really careful
0:42:02
it's actually really kind of focused as
0:42:09
it takes a probably a screenshot
0:42:13
yeah i mean you can go back and watch it
0:42:20
and pause it i know
0:42:24
so that can happen on twitch as well
0:42:27
yeah but during the theme yes ah okay i
0:42:30
didn't know that and then you can just
0:42:31
screenshot it and then use
0:42:34
to the latest iphone you can just copy
0:42:36
the text from the screenshot i don't
0:42:38
know why i know this but
0:42:40
have you been doing it oh so is that you
0:42:49
i don't know if you guys have played
0:42:52
latest upgrade of apple
0:42:56
thing from an image that's really good
0:42:58
though like it's really cool
0:43:09
four five yeah they should be all right
0:43:14
that seemed to be working
0:43:18
i really want to display another kind of
0:43:21
vanilla uh prompt not this one
0:43:27
actually i'll be if i do a prompt
0:43:35
you just you just lost five point story
0:43:38
while your internet was cut off
0:43:52
let's see what chrome does for us
0:43:57
if not then we will probably have to
0:44:29
save successfully ah right now
0:44:32
this is not gonna do anything for us
0:44:39
why do why can't we just use like a div
0:44:47
that's exactly what i'm gonna do now
0:45:05
successful okay cool
0:45:11
how much html in in there
0:45:17
so basically what this is doing
0:45:23
i won't say that a lot that still feels
0:46:08
why don't we put the gift tag in index
0:46:11
and just do document.getelement
0:46:24
because i was thinking
0:46:29
if everything can be done here then we
0:46:32
really have to go back and forth
0:46:36
that would be the way to go
0:46:44
always the index.html
0:46:55
um where would this come
0:47:04
i will just do it above the save like
0:47:07
all the three boxes
0:47:10
it's right above the three boxes
0:47:17
gonna just probably do it there because
0:47:19
i just at the moment i just want to see
0:47:25
easy on three boxes i mean about the
0:47:28
three buttons yeah
0:47:38
okay um that would be
0:47:41
how how would it go
0:47:43
nothing inside it for now
0:47:48
yes and you need to give it
0:47:55
i was thinking as in how to kind of
0:47:58
how to have the design of it
0:48:32
there you go simple
0:48:35
you can just copy this one
0:48:38
alert and then on click and then click
0:48:42
on try it yourself
0:48:51
nothing i need the other one click on x
0:48:55
you can just get this and change the
0:48:58
um color to green really
0:49:03
which is background color
0:49:06
actually i'm gonna go back and try the
0:49:16
i think it'll be down if you scroll down
0:49:27
i mean you just need to change the
0:49:28
background color that's all
0:49:31
yes that's what i'm trying to find out
0:49:34
what was their background color
0:49:49
there we go that's pretty much
0:50:06
confirmation okay so we need all this
0:50:14
need to have a black black part
0:50:17
create a separate css on no don't need a
0:50:32
that one that's fine close button
0:50:34
just make sure this whole thing does not
0:50:52
yeah that should be fine transition for
0:50:56
what three seconds point three seconds
0:51:10
uh okay that's all right that's fine and
0:51:14
now what we need to do
0:51:16
is they're already taking the stars
0:51:19
css in yes sorry sorry you just yeah
0:51:23
what are you trying to do get zen um get
0:51:28
we're trying to create our
0:51:36
a proper message saying
0:51:40
the board and the notes has been saved
0:51:44
um i don't like the existing
0:51:49
built-in prompts of
0:51:51
of javascript which shows the
0:51:55
alerts at the top of the page
0:51:58
which is why we are displaying this kind
0:52:02
design as a message saying that
0:52:11
right gender says i think
0:52:13
ghost is a better way the little pop-up
0:52:29
this is the bootstrap thingy
0:53:02
i don't think it is bootstrap no
0:53:05
all right let's get the bootstrap
0:53:17
why is it so cold today i don't get it
0:53:30
yeah i have my window open
0:53:34
ah okay that makes it
0:53:40
so copy and paste it uh huh okay yeah we
0:53:43
need this one in the head
0:53:48
yeah bootstrap css
0:53:52
search for the word boot
0:53:54
i feel like it is already using
0:53:58
i don't know i mean
0:54:01
you must be right okay now no this is
0:54:06
yes i just don't know but it says
0:54:09
one of three so ah yeah
0:54:28
can we just do it that way
0:54:32
just trying to think
0:54:36
okay this is very available
0:54:58
know that that was
0:55:18
the booster um it requires youtube.js
0:55:25
things to know when using that
0:55:32
so we nee basically have to
0:55:49
i mean i'm pretty sure
0:55:51
um w3school says something about the
0:55:56
let me go back then
0:55:59
create toast click on try yourself
0:56:05
i've been importing something
0:56:09
they have done it the same way actually
0:56:13
as anything what are the men
0:56:34
i'll just go with this for now
0:56:39
there must be only one thing because
0:56:43
right as in we don't want to be
0:56:46
just importing the whole bootstraps css
0:56:50
if you're just using
0:56:56
there must be a way complete bootstrap
0:57:08
why not just make it yourself very
0:57:13
by one experiment within the new thing
0:57:24
then you should always try to keep this
0:57:27
okay the project as lean as possible to
0:57:31
the user experience fast
0:57:34
could be done already
0:57:37
yeah that's true i mean yeah we could
0:57:38
just do it ourselves
0:57:41
just a small little rectangle
0:57:44
this is gonna disappear
0:57:57
let's just do it ourselves then
0:58:01
this is here anyway
0:58:04
so we can use this
0:58:09
and let's use some sense caller sort of
0:58:14
um function injuries
0:58:30
don't need this one forget this
0:58:39
um gekko is asking
0:58:41
like the follow up on his last thing
0:58:45
we should make the project as lean as
0:58:49
to make the ux fast
0:58:58
it's asking you to
0:59:00
like just the whole idea of making the
0:59:13
he's just saying that we should
0:59:21
dig this is saying that we should focus
0:59:23
on making the ux faster
0:59:28
simple as possible
0:59:35
i'm not sure what he meant but like yeah
0:59:37
like in general yes
0:59:39
just simply it's easier nothing to
0:59:42
overthink about really
0:59:52
so let me check how this is
0:59:59
wait leading questions are not allowed
1:00:04
i mean i'd give this point to
1:00:07
actually no one yeah that was a
1:00:11
i don't get this winning so
1:00:16
he's always winning
1:00:20
can you send me the rules.txt file
1:00:26
where is the rules okay i i get the joke
1:00:34
communication i don't know where they
1:00:37
communicate but yes
1:00:38
right right there is a rules.txt file
1:00:41
which they agreed upon
1:00:43
all right uh he made they're playing
1:00:50
i just forget dev's comment as in he's
1:00:53
asking me that do i agree that the size
1:00:56
she should be fast of course as in 200
1:01:02
that should be the case as in
1:01:05
the faster the better
1:01:12
okay all right cool um
1:01:18
it is with who entered it though is it a
1:01:24
is it a one-time thing
1:01:30
is it even a thing
1:01:41
joining been a pleasure having you
1:01:48
we made so a bit uh we made a bit of
1:01:53
turn in tomorrow again to see how we go
1:01:56
for the confirmation
1:01:58
uh box as in to display whether the
1:02:03
notes have been saved successfully or
1:02:05
not and yeah we'll take it from there uh
1:02:09
have you got anything to add okay
1:02:11
no um sounds good let's come back
1:02:13
tomorrow and tony should be there with
1:02:18
looking forward to all right um we'll
1:02:21
see you back here tomorrow's
1:02:30
and the same task all right guys catch
1:02:34
us have a good night good night cheers