0:00:25
what is going on guys welcome back to
0:00:27
another session of build break and fix
0:00:34
and yeah we have a new
0:00:38
as you can probably see and finish um
0:00:41
really good to have you again on
0:00:44
the show been really helpful so far and
0:00:52
so on this stream we mainly work on an
0:00:55
existing open source pro project but
0:00:58
creating an enhanced version of it so
0:01:01
that open source project is called
0:01:04
scrambler which is essentially a kanban
0:01:08
and those of you who who are in it and
0:01:12
specifically software development i'm
0:01:15
pretty sure you all know what i'm do
0:01:18
what i'm talking about but in case you
0:01:20
don't um it's kind of a project
0:01:22
management tool in which um you just um
0:01:28
you have a board and then you create
0:01:30
notes on it it could be sticking notes
0:01:33
or card and you organize all your tasks
0:01:43
this is a overall flow but what we
0:01:46
as raw quotas are actually working on on
0:01:50
is implementing the persistent storage
0:01:54
all the data will be backed up by the
0:01:57
database and the users will be able to
0:02:03
get their data whenever they want which
0:02:06
is not happening in the current version
0:02:09
of the original one so that's what we
0:02:12
are working on and
0:02:18
do you remember what we were
0:02:21
working on yesterday
0:02:23
uh yes and so yesterday we were working
0:02:29
we're trying to fix an issue with the
0:02:36
this um it was not retrieving the json
0:02:41
um so we we managed to fix that
0:02:45
by you know returning that specific json
0:02:49
so um now that we have that uh the thing
0:02:52
that is causing an issue is
0:02:54
um the a get request um
0:02:59
uh you know it's got the
0:03:02
it's getting it's adding a little bit
0:03:05
extra to the get request which which we
0:03:07
don't really need so uh yeah that's what
0:03:09
we're gonna keep working on today
0:03:11
fantastic and that was a really explicit
0:03:15
and precise explanation so well done for
0:03:18
that um just to give uh
0:03:22
a bit of a non-technical technical um
0:03:28
or on the task that tanesh was talking
0:03:30
about is basically the overall goal is
0:03:36
um get the board name
0:03:40
uh from the database and show it in the
0:03:45
just above the board
0:03:47
and what finish was talking about was we
0:03:51
essentially we broke the problem down
0:03:54
into two parts so first we have um made
0:04:00
board name is coming as a console log
0:04:04
in the console which
0:04:08
finish played a really important throw
0:04:12
out so thank you for that you just today
0:04:18
gonna be doing the part two which is
0:04:20
actually display that
0:04:23
board name which was coming in the
0:04:31
inspect elements if you want to call it
0:04:36
trying to take that
0:04:40
name and we want to make it
0:04:43
to come on the actual page itself if
0:04:48
um uh amara finish
0:04:53
fantastic fantastic so let's dive into
0:04:57
the fun part now which is coding
0:05:01
do you want to share your screen now
0:05:05
um just before we do that saying do you
0:05:07
usually do your uh uh
0:05:10
respects to the land oh yeah wow wow i'm
0:05:17
reminded me about it well done man
0:05:21
hold on that really helps um right so um
0:05:26
i'm just gonna read um
0:05:32
used to from a webpage
0:05:37
uh wow i can't find that web page now
0:05:42
this is embarrassing
0:05:44
okay here we go perfect all right
0:05:52
today by acknowledging that traditional
0:05:55
custodians of the land on which we meet
0:05:59
and pay my respects to their elders past
0:06:02
and presents i extend their respect to
0:06:05
aboriginal and torres strait islander
0:06:16
thanks again finish for
0:06:25
you would have been his best friend at
0:06:30
i would be in his bad books
0:06:39
share your screen when you're ready and
0:06:41
we can kick you off from there
0:06:46
it's my second screen so i'm just going
0:06:49
perfect yeah yeah there we go
0:06:57
where were we up to um
0:07:06
ah yes yep i did and which branch
0:07:10
are you on just confirm
0:07:23
ad born name heading cool um
0:07:28
the future maybe use get status
0:07:32
because that basically
0:07:34
tells you which branch and how many
0:07:37
files have you got as in uh
0:07:42
commit or something like that
0:07:48
okay status there we go
0:07:52
all right here we go perfect
0:07:57
so if you want to play this
0:08:03
i just wanna really
0:08:08
precisely and to confirm
0:08:10
until what point will be exactly
0:08:43
uh so if you want to press
0:08:47
if you want to input the board board
0:09:07
ok i can define all right cool
0:09:14
all right so first of all let's just
0:09:17
focus on the invalid
0:09:21
left hand side in assignment
0:09:24
um if you go on the index.h html
0:09:35
go down in the javascript yeah you know
0:09:44
yeah probably put in um dot
0:09:52
uh so before the equals
0:09:56
before the equals yeah
0:10:19
can you set properties of
0:10:22
knowledge do you want to
0:10:40
check your speedo nice
0:10:46
go on the first one yeah
0:10:49
um can you zoom in please
0:10:56
why do i gonna i thought okay
0:10:59
yeah this is the exact error that
0:11:01
we're facing at the moment except
0:11:04
that he's calling it from a function and
0:11:13
uh you have to place the hello div
0:11:18
so that exists when the script is loaded
0:11:24
we need to place the
0:11:27
hello dev before the script
0:11:37
oh sorry are you still reading that okay
0:11:41
no no that's fine and uh as long as you
0:11:44
have uh understood it
0:11:48
you're the hands-on
0:11:49
hands-on man is so if
0:11:52
you have understood can you explain me
0:11:55
okay the way i created it is that um
0:11:57
yeah so we have the h1 tag here with the
0:12:00
board yeah with this id
0:12:02
so perhaps we have to place this
0:12:06
before this script just because you know
0:12:09
it's referencing the same id here
0:12:13
would you agree with that
0:12:20
because that's in the
0:12:22
head yeah and the heading can't be in
0:12:28
can you move the script maybe down down
0:12:31
um down here maybe
0:12:55
the thing finished um
0:13:00
we always try to write the
0:13:05
so it gives us a lot more as in
0:13:13
write it instead of copying and pasting
0:13:18
time unless try and do it in that way
0:13:22
okay yeah we'll do
0:13:25
cool i script that one's there
0:13:46
uh yeah just it automatically runs
0:13:54
the show feels a bit quiet today
0:14:00
shad as in i don't feel before any
0:14:09
something on when they
0:14:19
as in when i first first started
0:14:25
used to do exactly exactly in this way
0:14:27
just talking to myself
0:14:35
started to build on
0:14:40
cool so but okay perfect so that error
0:14:48
okay what other area are we having i'm
0:14:51
just maximize just maximize this
0:14:56
no no no i meant uh i need to do that
0:15:06
your screen is really good yeah
0:15:11
so we are facing the
0:15:29
no hang on a minute
0:15:31
we probably have to find a way in order
0:15:35
to ignore the url completely
0:15:42
it's assuming that the board name is the
0:15:56
yeah because you can't find the page um
0:15:58
it's throwing in undefined
0:16:04
i think yeah that's something we should
0:16:08
um just think so when we press go
0:16:15
it comes on the index.html
0:16:19
and then when we press
0:16:24
anything but it automatically takes
0:16:34
i can't i can't find you
0:16:51
i think probably the good way
0:17:04
um yeah i was just thinking actually
0:17:12
why isn't this console logging
0:17:23
you must be right here
0:17:29
welcome hey good to have you
0:17:33
nice to see you again
0:17:35
yeah he is a definite trooper mate he is
0:17:48
that's a really interesting point that
0:17:50
it wasn't even loading which means that
0:17:52
it's not even coming there
0:17:54
in the first place
0:17:57
it's not even coming in that meth uh in
0:18:00
that script in the first place
0:18:28
go to the code with um oh whoa whoa
0:18:34
can you remove the line 25 i don't know
0:18:38
why it's there oh that's because we did
0:18:42
the undefined one okay that makes sense
0:18:48
remove it thank you yeah
0:18:52
and remove the script tags as well
0:19:00
and now um go to the code base
0:19:04
it's called the go
0:19:08
uh command f and press go okay cool
0:19:14
probably do a command f and press go
0:19:19
to the method itself
0:19:23
no it's not that one
0:19:27
actually go right at the top
0:19:31
is there right at the top
0:19:35
no no since still front and my bad
0:19:41
still front end yeah the front and yeah
0:19:55
local storage that one
0:20:03
so it's getting the value of the board
0:20:08
yeah this is a real
0:20:15
objective you just say that as in this
0:20:18
is a real heads head scratcher
0:20:25
so it's okay that shouldn't do anything
0:20:29
and this set item is just
0:20:36
appending it to there
0:20:37
and that one would be fine okay
0:20:44
go a bit at the bottom
0:20:46
please yeah in the if statement there
0:20:49
should be one oh no no no
0:20:52
uh be at the top please
0:21:03
uncomment that code
0:21:12
just from 26 to yeah and
0:21:15
can you remove the sleep 500 on line 23
0:21:28
okay so if that one is 200
0:21:32
then go history place
0:21:34
ah so can you remove a line
0:21:42
just want to check if that might be
0:21:51
take in that value as well
0:21:57
do you want us to say anything
0:22:02
no no that's all good yeah
0:22:06
in vs codes you can
0:22:08
control t to find your private function
0:22:10
or method ah that's a really
0:22:17
yeah wait to start doing that
0:22:35
so it's not taking that url in there
0:22:39
you could feel too low resource
0:22:46
so it doesn't show the url
0:22:50
it's still taking that as an
0:22:52
undefined oh yeah it does this yeah
0:23:03
i'm just thinking that
0:23:22
jay's got good point
0:23:26
be a keyboard warrior
0:23:47
i like that logic to be honest
0:23:53
all right um we need to okay um go back
0:24:15
return false from line 36
0:24:21
command it out yeah
0:24:45
ah so that's come back
0:24:54
okay it's probably happening in
0:24:58
in that one um so can you go back to
0:25:04
your s to front end
0:25:17
really good to have you
0:25:32
can you go back to that error
0:25:37
on the webpage please
0:25:42
okay that's coming from 137
0:25:48
should we have yeah we should have a
0:25:51
bit head look did we yesterday
0:26:04
as according to line numbers i think
0:26:06
they might be a good idea to um
0:26:09
check what this time the line number is
0:26:16
close before response was received
0:26:28
yeah sorry the it was the same thing as
0:26:31
yesterday it's taking the
0:26:35
it's taking the value from the
0:26:37
user input is undefined and then adding
0:26:39
it into the get request
0:26:45
yeah that's correct and we just don't
0:26:50
when the page those we basically want to
0:27:04
yeah that's what we're trying to figure
0:27:05
out now why it's doing that so we can
0:27:09
right it's doing um
0:27:17
the next you wanna
0:27:21
137 and see exactly
0:27:24
what is on that line
0:27:39
content type that one
0:27:52
calling at this get request on purpose
0:27:55
or or it's being called and
0:27:59
you're not intending to call okay so so
0:28:03
basically what we're trying to do is
0:28:06
purposely call the get request
0:28:09
because we want to fetch the particular
0:28:15
from the date space and then display on
0:28:18
the front end that's basically what
0:28:20
we're what we're trying to do
0:28:28
i'm a junior there from
0:28:34
nice one like my banana 300 in
0:28:42
junior dip but from australia
0:28:49
so what stack are you
0:28:51
uh are you working on like my banana
0:28:58
so you don't know why it's undefined we
0:29:03
uh undefined but uh okay so
0:29:08
you know how we press the go button and
0:29:11
it takes us to the next page
0:29:13
and we are pending the board name
0:29:22
url in the next page is considering that
0:29:32
but we don't have that as a page
0:29:39
project so because
0:29:41
you can't find that
0:29:45
in our project is from an uh undefined
0:30:10
expression reacts with java and
0:30:13
it was but your code
0:30:15
looks very high level
0:30:20
doubt that um like my banana it
0:30:31
basic stuff but um but because we
0:30:34
haven't worked with this kind of
0:30:37
technology um we are actually um
0:30:46
could which is why the
0:30:52
break it and then fix it as well
0:30:57
tech lead or on this project
0:31:06
so um why is not getting the board id
0:31:10
okay it's getting the board id towards
0:31:13
the field but we don't
0:31:20
so the problem here is
0:31:25
is understanding the board name okay
0:31:29
dinesh do you wanna um
0:31:39
saying actually i was gonna enter into
0:31:42
jack just there because i was thinking
0:31:50
so it's it's taken the url here
0:31:54
um when it's so okay wait what i mean is
0:31:57
right this url is from the environment
0:32:00
uh yeah from the environment file right
0:32:15
it's got it's shouldn't be using this
0:32:20
and not the local one
0:32:29
do you know what i mean sorry go
0:32:40
this piece of code is saying it's it's
0:32:42
referring to line 137 right yeah
0:32:47
so if we go to 137
0:32:50
it's got the url uh yeah
0:32:54
which we have in the environment file
0:32:58
plus the board id to get
0:33:01
but when we when we look at the console
0:33:06
starts with a local url i mean local um
0:33:11
localhost instead of the
0:33:14
api url is what i'm saying is that
0:33:22
do you know what i mean actually
0:33:25
yes i'm understanding what you mean
0:33:30
you might even be right
0:33:38
get request we're using um
0:33:50
but here is assuming that we're
0:33:57
the board from this url
0:34:29
that's an interesting point
0:34:38
so when the page is loading
0:34:54
no just tries to get
0:35:11
do you want to go back to in
0:35:17
i'm just trying to think
0:35:29
so fetch it does that url board i need
0:35:35
get request is that one url uh-huh
0:35:42
can you go back um yes sorry can you
0:35:47
can he get can you go down
0:36:40
um choice real phil uh i don't think the
0:36:44
promise is a problem here
0:36:47
because um it's not
0:36:49
it's not saying they sing something else
0:36:54
windows and get item replace
0:37:04
say maybe what we should do
0:37:08
is maybe we can have a look at uh
0:37:11
we go back into the still front end
0:37:14
and see if we are reassigning url anyway
0:37:18
would that be possible
0:37:20
is that something you guys would have
0:37:22
yeah we can try that
0:37:29
what did you want to have a look at here
0:37:38
what is doing when the page
0:37:45
uh actually can you get rid of um as in
0:37:50
commando from line 46 to 49 please
0:37:55
just want to check um
0:38:19
and did you hard refresh it
0:38:50
okay um probably close this tab
0:38:54
okay and then reopen a new tab
0:39:04
forward slash home.html yep
0:39:18
okay so still picking up that
0:39:33
um okay so i was thinking if we
0:39:40
oh we can leave it unfortunately but i
0:39:44
go through the urls here and see if
0:39:53
yeah definitely we can do that
0:40:05
it would either been get bored by id or
0:40:12
name because these are the only two
0:40:14
methods being called when the when the
0:40:17
button go is pressed
0:40:26
narrow it down to that
0:40:36
oh hang on a minute
0:40:43
shouldn't be a problem
0:40:45
return response or pass
0:41:07
or remove from line 60 to 63
0:41:34
because i'm just trying to think that if
0:41:43
which is passed by jason
0:41:46
um would that be causing a problem when
0:41:52
when the board is posted
0:41:57
does that make sense
0:42:00
uh not quite what do you mean
0:42:05
chanel at the moment we are receiving an
0:42:09
error that is considering the board name
0:42:12
which is appending to the ball
0:42:15
which is appended to the
0:42:26
what i'm thinking and i i
0:42:30
could be all wrong here that this
0:42:33
because it's returning
0:42:43
the next page load
0:42:48
is just picking up this response
0:42:55
yeah it might not even be the case let's
0:43:03
i'm saying how is it being
0:43:14
fun that you you get lots of gray hair
0:43:18
which i've got so that's how it's being
0:43:29
uh no still not this
0:43:36
can you go back and uh
0:43:38
uncomment well we did um
0:43:42
we need to figure out
0:43:47
to consider the url
0:44:04
instead of undefined we should have a
0:44:14
okay can you go to
0:44:24
the go button again please
0:44:32
click go button okay
0:44:34
so this is being set there
0:44:37
okay here's what we can do is on
0:44:43
you know where it says on line 26
0:44:49
code is 20 of 200 sorry
0:45:08
name from the database here
0:45:16
console console.log and then
0:45:54
fold the commented code
0:45:58
what's all the comments because jay
0:46:02
do you want to answer that finish
0:46:07
i think you might be more familiar with
0:46:08
it but um i think we're mainly just
0:46:11
testing testing out some uh
0:46:15
yes so basically we don't
0:46:19
remove the code we just comment it um
0:46:22
and then when we have
0:46:25
a working code then we remove that
0:46:28
commented code because
0:46:30
we're 100 sure that that working
0:46:33
code actually works and the commented
0:46:36
code just makes us a bit confused
0:46:50
yeah i totally agree with that tori um
0:46:54
maybe that's something we can do like
0:46:56
later on once we've
0:47:01
correct um that would be the approach
0:47:05
taking but at the moment with your
0:47:07
radius and just focusing on
0:47:15
out of the door as soon as we can
0:47:20
yeah both we will be coming out with it
0:47:25
yes to phil i've heard about functional
0:47:30
and saying it like saying like
0:47:33
yeah if you want to call it that yes
0:47:36
make my banana 300
0:47:43
malik from aliexpress yeah that's the
0:47:51
i like that to be honest
0:47:59
so that did that counter lock
0:48:07
it didn't did it or you probably want a
0:48:11
hard refresher because
0:48:19
causes a bit a bit a bit of problem
0:48:22
whenever he wants to
0:48:28
um i'll just cancel it actually okay or
0:48:31
probably open that incognito mode
0:48:35
that's very helpful
0:49:04
um you probably wanna
0:49:06
go to home door html
0:49:09
first and then do it that way
0:49:22
it didn't print out anything
0:49:29
can you expand that promise please
0:49:42
okay so there we go
0:49:55
this is a really interesting problem
0:50:02
uh can you go back to uh the go method
0:50:14
um so here we gave it a console the log
0:50:21
can you go to the method
0:50:46
so go be down please
0:50:52
so okay so the ball
0:50:55
it is actually returning us um board
0:51:00
which is pretty cool of it
0:51:04
so if we are getting
0:51:08
name from this method then we should
0:51:41
actually i'm thinking that
0:51:43
we are not using that variable on one
0:51:48
board so maybe remove that
0:52:15
right this is a real head scratcher to
0:52:22
this is still like it's not meant to
0:52:25
shouldn't be showing the the api url
0:52:33
shouldn't be showing the api
0:52:38
is that what you're saying
0:52:40
it should it should be right because
0:52:44
this is why i'm a little bit um
0:52:49
if we are setting the url here and once
0:52:52
we have pressed the go button
0:52:56
then shouldn't this url also be
0:53:00
by what be by what we said in
0:53:06
um that's the thing it shouldn't be the
0:53:17
right right right can you
0:53:23
just because you pointed out that
0:53:30
we can try that as well so
0:53:40
that's signed in the
0:53:45
go method isn't it
0:53:49
so we how about if we
0:53:56
sign it outside the method
0:54:02
you mean inside here
0:54:12
url and bring yeah cool
0:54:18
and in that way we can access that ah
0:54:22
right right right yeah that's
0:54:27
a lot of sense now
0:54:30
first of all we weren't able to access
0:54:33
the uh our api endpoint url
0:54:46
was only assigned in the go method
0:54:50
oh okay yeah yep yep yep
0:54:54
yep right yeah that's that was a really
0:54:57
good point mate well done um
0:55:08
wow just four minutes left wow
0:55:11
time flies man over here yeah
0:55:19
you are the man finished well done mate
0:55:24
that was a real hash question but you
0:55:29
but you smashed it yeah
0:55:32
good going good going
0:55:35
wow that's good um
0:55:37
all right one step closer
0:55:40
uh toil they'll filled um i would
0:55:46
i'm not i don't want to be um
0:55:51
wouldn't say i'm the master in
0:55:53
anything man i'm just always
0:55:56
learning always as in
0:56:02
like nash kartik they're all masters uh
0:56:07
as you've probably seen
0:56:18
just a bit of guidance but they do the
0:56:26
i think we're talking about a course oh
0:56:29
it's actually of course you mean
0:56:34
all right i miss understudy completely
0:56:38
well my bad my bad
0:56:44
masters.com all right
0:56:46
cool i will have a
0:56:49
look at that thanks for sharing that
0:56:54
on that note i really appreciate it
0:56:59
like for your own career do you
0:57:01
do you know whether you uh
0:57:03
uh you would like to go into front end
0:57:08
are you you know do you know which kind
0:57:10
of area of the stack you'd like to be
0:57:13
so if i were to really
0:57:16
really as in specialize myself in that
0:57:31
doing bits and pieces of everything i
0:57:35
want to stick to just one thing and
0:57:42
touring littlefield said
0:57:44
become a master.com in that
0:57:50
yeah so more like a full stack i would
0:57:58
fantastic um just give me a moment i
0:58:01
need to juice up my mac
0:58:07
like my we we managed to fix them figure
0:58:10
out what we're doing but yeah still got
0:58:14
yeah which looks really um
0:58:17
brilliant so we'll
0:58:25
yeah all right cool so
0:58:28
call it a night for
0:58:34
thanks a lot guys for
0:58:42
also for the advices and
0:58:46
helping out and solving the the problem
0:58:56
i called like my banana no problem at
0:58:59
all um i'm happy to be called
0:59:02
there if that makes you really happy
0:59:07
all about our viewers happiness
0:59:18
go through the overall what we did
0:59:24
basically let's say instead of start
0:59:26
we're just trying to get the the board
0:59:28
name um to show on the boards
0:59:30
um today we were just trying to fix the
0:59:34
i mentioned earlier which is just
0:59:37
uh undefined from uh you know taking
0:59:41
from the user's input which turned out
0:59:44
we just had to move the url outside of
0:59:46
the the go function
0:59:48
um and yeah so now we're like one step
0:59:52
closer to towards uh getting that
0:59:54
towards reaching our goal and getting
0:59:58
fantastic that was a pretty precise
1:00:04
denise will you be back
1:00:08
um yeah so i'm planning to do
1:00:10
uh like alternate days um for now and
1:00:15
uh you know maybe in the future i'll do
1:00:18
uh you know uh consecutive days but yeah
1:00:21
for the moment yeah we do alternate day
1:00:22
so i'll be back probably thursday
1:00:28
forward to having you back every
1:00:31
alternative days and as
1:00:34
always it's always fun having you with
1:00:39
pointing out really tiny
1:00:43
things don't lead to huge as in
1:00:46
solutions as today you it so well
1:00:57
yeah they try to and um both of them do
1:01:02
work so yeah that's right
1:01:10
yes if you want to see
1:01:15
accomplished this problem uh
1:01:17
come and tune in tomorrow's
1:01:19
same time and we'll see you then
1:01:23
until then same time
1:01:31
a different type of task
1:01:49
all right perfect guys have a good night
1:01:52
cheers bye we're gonna see it bye
