Up next in 10
Build a React.js Microsoft Excel Clone in Browser to Edit & Create Spreadsheets Using SheetJS in TS
Mar 13, 2026
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-react-js-microsoft-excel-clone-in-browser-to-edit-create-spreadsheets-using-sheetjs-in-ts/
Show More Show Less View Video Transcript
0:00
Uh hello guys uh welcome to this video.
0:03
So in this video I'll show you a
0:04
Microsoft Excel clone application that I
0:07
developed in ReactJS. So I'm just
0:09
showing you the demo here. I'm running
0:10
this application locally. So it started
0:13
on localhost 5173. This is actually the
0:16
interface. So here you can create Excel
0:19
spreadsheet directly in the browser.
0:21
So you click on the new spreadsheet
0:24
button. So as soon as you click it, you
0:25
will be redirected to the Excel editor.
0:28
So here you can actually fill out the
0:31
information right here. You can fill out
0:33
the columns and run the rows here. So
0:36
it's sim similar to
0:39
the Microsoft Excel but it's available
0:42
directly in the browser. So I built out
0:44
this application in ReactJS. I've given
0:46
the source code. If you want you can
0:48
directly purchase it. So once you
0:50
purchase it you will get a zip file from
0:52
Google Drive automatically. [snorts] So
0:54
this is actually the overall directory
0:56
structure. Every component is divided
0:58
into its appropriate TypeScript file
1:00
here. As you can see, each every
1:03
component is divided. So now to run this
1:07
project, it's very simple. You go to the
1:09
command line. Simply type the command
1:10
npm rundev. So this will start the
1:13
development server at localhost 5173. So
1:16
I'm just running this application right
1:18
here. So after you fill out your
1:20
necessary information,
1:23
so it's very simple.
1:31
So basically you fill out the
1:33
information. After that you have the
1:36
option you can click on the file button
1:38
and [snorts] you can actually download
1:41
this as a CSV file, Excel file or JSON
1:44
file. So we have all these three options
1:46
available. So if you click download as
1:48
CSV, so it actually export this as as a
1:52
spreadsheet CSV file.
1:57
So all the data that you written
1:59
directly is saved here.
2:03
You can just see here and same goes with
2:05
Excel file as well. You can even export
2:08
this as an Excel file.
2:14
So data has been successfully exported.
2:19
So you will see all the data that you
2:21
written is directly exported. So this is
2:24
actually the full Microsoft Excel
2:27
spreadsheet clone that I developed in
2:29
ReactJS. If you are interested, I've
2:31
given the link in the description. You
2:33
can directly purchase it. So for
2:34
building this, we are using the latest
2:36
version of React. So once you get the
2:38
source code, you will able to get
2:40
actually modify the source code or add
2:43
additional features on top of it as
2:44
well. So [snorts] this is a full
2:46
directory structure. We are also using
2:48
React router, React spreadsheet as well.
2:51
These are some of the third party
2:53
libraries that we are using for this. We
2:55
are using Daisy UI for the user
2:57
interface. This is a complete
3:00
application. You can even save your work
3:02
as well. Just click the save button and
3:04
it will save. And uh
3:09
so everything will display right here.
3:12
How many spreadsheets you make, you will
3:14
be seeing this on the homepage.
3:18
It will also show you the size as well.
3:20
So you can even actually import your
3:23
Excel file as well. You can edit that
3:26
Excel file by clicking the import
3:28
button.
3:35
So you can very easily you can just see
3:38
here you can even write your Excel
3:40
formulas as well. So it's a
3:43
complete editor Excel editor for editing
3:46
Excel files directly in the browser. So
3:48
if you're interested guys, I've given
3:50
the link in the description. You can
3:51
directly purchase it. So this is a
3:53
complete uh ReactJS
3:56
Excel spreadsheet editor which allows
4:00
you to directly edit your Excel files
4:03
directly in the browser.