0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a ReactJS
0:05
uh uh code editor that I developed
0:08
inside browser which can be able to
0:10
write uh uh code if you want to write
0:14
uh directly inside the browser you can
0:16
write this so this is actually the
0:18
application I'm running it on localhost
0:20
3000 and even support it supports 40
0:24
languages you can see from the drop-down
0:26
you can change the language so by
0:28
default it selected JavaScript NodeJS
0:31
you can select assembly bash basic so
0:34
all the syntax highlighting is present
0:37
application you can even change the
0:39
theme as well so various themes are also
0:41
supported here from the drop-down you
0:43
can select various themes halloween you
0:48
GitHub so just from the drop-down you
0:51
actually select the actual theme here
1:03
that so we can write this code here uh
1:08
it also supports uh highlighting as well
1:10
that I already showed you so it also has
1:13
this autocomplete feature as well so as
1:16
you write the code here you will see the
1:17
suggestions coming similar to VS code as
1:20
well so it's a complete IDE internet
1:24
integrated development environment where
1:26
you can select the language then select
1:28
also the theme as well so various themes
1:31
are supported here you can see it's
1:33
built using ReactJS so so all the source
1:37
code of this application is given in the
1:39
description of this video so if you are
1:40
interested to purchasing the full source
1:43
code of this project you can do it the
1:46
link is given in the description
1:48
so let me show you the dependencies that
1:50
it is using so it is using ReactJS as
1:53
you can see it's using the latest
1:54
version of React which is 17 it's
1:57
compatible with all the versions it's
2:00
also using the Monaco syntax highlighter
2:04
which is a open-source package for
2:09
highlighting in JavaScript so we are
2:12
using this which is developed by
2:14
Microsoft it's completely open source so
2:17
we are using this as well that's all so
2:20
this is actually you can see all this
2:22
application is divided into multiple
2:24
components so it's very easy for you to
2:27
modify the code once you purchase it the
2:29
link is given in the description so if
2:31
you purchase it after purchasing it you
2:33
will be redirected to Google Drive where
2:35
you can actually download the source
2:38
code from Google Drive automatically so
2:41
this is divided into multiple components
2:44
each component is having its own
2:47
code so you can see it's very easy to
2:50
run this application so if you have the
2:53
code simply run the command npm run
2:56
start so this will start your
2:57
application at uh localhost
3:00
3000 so just open this and it will open
3:05
this now you can change the language you
3:10
language you can see a bunch of 40
3:13
languages are there so you can select
3:16
language let's suppose I selected Python
3:28
here so this is actually the application
3:31
guys if you are interested in this the
3:33
link is given in the description and uh
3:36
thank you very much for watching this
