haquezameer / react-binary-tree

Binary Tree Traversal Visualisation

Binary Tree Traversal visualizer

This project is a binary tree traversal visualizer. Check out Live demo.

Supported Traversals:

1. Level Order Traversal
2. Depth First Traversal(Pre-order,Post-order,In-order)

You can learn more about these algo's here:

1. Preorder,Postorder,Inorder
2. Level Order Traversal

To run the project

1. Clone the repo.
2. Install dependencies using `npm install` or `yarn install`.
3. Run the app using `npm run start` or `yarn start`.

The project structure:

├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
├── README.md
├── src
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── components
│   │   ├── Controls
│   │   │   ├── Controls.css
│   │   │   └── Controls.js
│   │   ├── index.js
│   │   └── Visualizer
│   │       ├── TraversedList.css
│   │       ├── TraversedList.js
│   │       ├── Visualizer.css
│   │       └── Visualizer.js
│   ├── index.css
│   ├── index.js
│   ├── lib
│   │   ├── animateNodeInTree.js
│   │   └── tree.js