0:00
Uh hello guys, welcome to this video. So
0:03
in this video I'll show you I built out
0:05
a code pen and W3 schools code editor
0:08
clone directly in the browser using
0:10
ReactJS. So I'm running this application
0:13
locally as you can just see. So it's
0:15
similar to this website very famous
0:17
website which is code pen which has a
0:23
[snorts] whenever you code. So I
0:27
clone the design here. So you basically
0:29
write your HTML code right here and it
0:33
will actually in the live preview it
0:35
will here you will write the CSS.
0:42
So I developed this project in
0:45
ReactJS. So if you need the source code
0:48
of this project I've given the link you
0:50
can directly purchase it and actually
0:52
you will see all the code is
0:53
customizable. Each and every component
0:56
is divided into its appropriate
0:58
JavaScript file. And for building this,
1:00
we are using the latest version of React
1:02
here. And we are also using this famous
1:05
syntax highlighting library code mirror
1:11
And similarly, as you see, we if we
1:13
write the JavaScript here side by side,
1:16
the code will execute.
1:20
You can save this code here as well.
1:33
So you can also zoom in, zoom out. You
1:36
can even change the view as well.
1:42
So if you actually want to get the
1:45
source code, the link is given. You can
1:46
directly purchase it. So this is
2:05
so you can just see here W3 schools and
2:07
code pen code editor clone in ReactJS.
