This project is a React implementation of Tree Sheets, a lightweight note-taking application with spreadsheets features, mind mapping, outline options, and note-taking with text editing advanced features[^1^][1] [^2^][2].
- Create hierarchical sheets with cells that can contain text, images, links, formulas, etc.
- Customize and style your sheets with colors, fonts, borders, backgrounds, etc.
- Zoom in and out of any cell to edit its content or view its children
- Export your sheets as HTML, XML, CSV or text files
- Import data from other formats such as OPML and Excel
To install this project locally, you need to have Node.js and npm installed on your machine. Then follow these steps:
- Clone this repository:
git clone https://github.com/yourusername/treesheets-react.git - Navigate to the project folder:
cd treesheets-react - Install the dependencies:
npm install - Start the development server:
npm start - Open your browser and go to http://localhost:3000
To use this project, you can create a new sheet by clicking on the "New Sheet" button on the top left corner. You can then add cells by clicking on any empty space or pressing Enter. You can edit the content of any cell by double-clicking on it or pressing F2. You can also use the toolbar buttons or keyboard shortcuts to format your cells.
To create a hierarchy of cells, you can drag and drop any cell onto another cell to make it a child. You can also use Tab and Shift+Tab to indent and unindent cells. To zoom in and out of any cell, you can click on the "+" and "-" buttons on the bottom right corner or use Ctrl+Up and Ctrl+Down.
To export your sheet as a file, you can click on the "Export" button on the top right corner and choose a format. To import data from another file format into your sheet, you can click on the "Import" button next to it and select a file.
For more details on how to use this project, please refer to the original Tree Sheets documentation.