It is a Web App which I have build using VanillaJS, HTML and CSS as a personal project. It is a Spread Sheet App where a user can write data, style it, apply formulas to it, cut, copy and paste data from one range of cells to another. It also multi-sheet system i.e. a user can add new sheets for different data without affecting data in previous sheets. User can also download their sheet data as JSON and upload it again later to see it or make any changes to it. I have also used Graph's Cycle Detection Algorithm for user to visualize a cylic relation, if user inputs one by mistake.
Website : https://spreadsheeter.netlify.app/
Correspoding cell propertiels will be displayed when clicked on that cell.
video-1_H7hnOtsO.mp4
User needs to select the cell first and then enter the formula in the formula bar and press enter. Changes in the parent cells will also resukt in changes in child cells. NOTE: Formula elements must be separated by spaces.
video-2_ZFWw9HCA.mp4
User can visualize the cycle as many times he wants.
video-3_Kbwyfxlv.mp4
User can cut, copy and paste data from range of cells to another. User must press Ctrl Key and select TWO cells(first top-left and then bottom-right) which represent the range of cells and then choose the action(copy or cut) and then point to the desired cell and paste the data using action keys in action bar. NOTE : Formula's of respective cell's will not be pasted to the new cells.
video-4_RNNClzVb.mp4
User can add multiple sheets by clicking on add sheet icon and a new sheet is generated. User can delete a sheet by double-clicking on it in the Sheet Navbar.
video-5_fpIQ64H0.mp4
User can download the current sheet in JSON format with all the styles and formula's. User can also upload the JSON sheet and it will be opened as a new sheet in the App.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent