0:00
to a CSV editor and viewer tool that I
0:04
developed directly in browser using
0:05
HTML, CSS and JavaScript. With the help
0:07
of this web application, you will be
0:09
able to edit and create your CSV files
0:12
directly in the browser. So I basically
0:14
built this inside HTML, CSS and
0:16
JavaScript. Uh this is a single index
0:20
HTML file here. You will get after you
0:22
make the payment. I have given the link
0:24
in the description of the video to
0:25
purchase the full source code. So this
0:28
is the exactly the source code here
0:31
about 700 lines of code. So it's a
0:34
single file. You can run this locally as
0:36
well. Simply open VS code and now we are
0:39
running it on local host. So you can try
0:43
this. I've given the link in the
0:45
description. So once you click that
0:47
link, you will be able to it will
0:49
redirect you to the demo link as well.
0:53
I've given that demo link at the
0:54
checkout page. So this is the actual
0:57
tool I've deployed this. So it has all
0:59
the options. So once you land on this
1:01
tool, you can actually create CSV files.
1:05
So automatically some data and columns
1:11
you can click on the cross button to
1:13
delete this row. You can add new columns
1:18
So now if you want to create it from
1:21
scratch, you can click this new CSV
1:22
button. And now you can name your
1:25
columns whatever you want to. So here
1:33
age and now if you want to delete this
1:36
column click the delete button. So now
1:40
so here you basically it's a fully
1:42
fledged editor. So here you fill out the
1:48
You click on new add new row. So new row
1:54
you fill out the entries.
1:58
And now if you're happy about this, you
2:02
the download CSV button. And as soon as
2:05
you click the CSV file will get
2:07
downloaded and all your data which you
2:10
entered is automatically saved. The CSV
2:13
file is automatically download. And you
2:16
can even create a new column. Just name
2:18
your column whatever you want to
2:22
and just fill out the information once
2:24
again. You can even duplicate the row
2:26
just change. So now we have also these
2:29
duplicate button. So you just need to
2:30
duplicate. Click the copy button and
2:33
just change the values. So it will save
2:35
you a lot of time because many of times
2:37
you need to create CSV file. So it's an
2:40
ultimate editor. You can even change the
2:42
delimiter from comma to semicolon.
2:44
Whatever you want to from here, double
2:46
quote or single quote. These are some
2:49
settings. You can control here.
2:54
So definitely check out this. And also
2:57
we have this option. If you have an
2:59
existing CSV file that you want to, you
3:02
can simply load that CSV file and
3:04
automatically all the content of the CSV
3:07
file will get loaded. So before you
3:09
purchase it, definitely try it. the demo
3:11
of this tool. I've given it at the
3:14
checkout page. So definitely check this
3:16
out. If you want to clear everything
3:18
out, you click clear all button.
3:22
So you can just see it's a very easy to
3:26
use tool. You name your columns, then
3:29
you name your rows. You can even
3:32
duplicate this as well.
3:36
So it's very you want to remove
3:37
anything, you can click the cross
3:39
button. It also shows you the size as
3:41
well. Realtime size 245 bytes, how many
3:45
rows are there, columns, everything
3:48
it is there for you. So it's coded
3:51
entirely in HTML, CSS and JavaScript.
3:54
Almost 700 lines of code is there and uh
3:59
it's a complete offline editor. Once you
4:01
purchase it, you will get entirely the
4:04
source code. It's very easy to run this
4:06
as well. So definitely check out if you
4:08
are interested you can purchase the full
