🌳 Binary Tree Visualizer

An intuitive Binary Tree Visualizer that allows users to create, visualize, and interact with binary trees using modern algorithms and smooth animations. Useful for both learning and demonstration purposes.

🔗 Live Demo: https://binary-tree-visualizer-3ua2.onrender.com

---

📌 Features

• ✅ Create and visualize binary trees interactively
• 📥 Insert nodes manually or load sample trees
• 🔁 Traverse trees using Preorder, Inorder, and Postorder
• 🎞️ Real-time animations and visual feedback
• 🧠 Understand the structure and logic of trees step by step
• 🧾 Save and retrieve trees using backend storage
• 🌐 Fully responsive web interface

---

🚀 Tech Stack

• Frontend: HTML, CSS, JavaScript (Vanilla)
• Backend: Node.js, Express.js
• Database: MongoDB (via Mongoose)
• Data Structures: Custom Binary Tree Implementation
• Hosting: Render

---

🛠️ Installation & Setup (Local Development)

Make sure you have Node.js, npm, and MongoDB installed on your machine.

# Clone the repository
git clone https://github.com/Nimarjot1/Binary_Tree_Visualizer.git

# Navigate into the project folder
cd Binary_Tree_Visualizer

# Install dependencies
npm install

# Start the server
npm start

---


📚 Educational Use Cases
This project is ideal for:

👨‍🎓 Computer Science students learning Data Structures

📚 Teaching assistants or instructors explaining binary trees

🔍 Debugging and understanding tree algorithms visually

---


🙌 Contributing
Contributions are welcome!
If you'd like to improve this project, please:

Fork the repository

Create your branch: git checkout -b feature-name

Commit your changes: git commit -m "Add feature"

Push to the branch: git push origin feature-name

Create a Pull Request

---


📃 License
This project is licensed under the MIT License.

---



Made with ❤️ by Nimarjot Kaur