Algorithm Visualizations

A Next.js 14 project for visualizing famous algorithms using React, TypeScript, and Tailwind CSS. This project includes visualizations for various algorithms such as unique path finding, N-Queens problem, tree or graph traversals, and more.

Features

• Unique Path Finding: Visualize algorithms to find the number of unique paths in a grid and solve the number of islands problem.
• N-Queens Problem: Interactive visualization of the N-Queens problem, demonstrating various solutions and techniques.
• Tree and Graph Traversals: Visualize traversal algorithms including depth-first search (DFS) with in-order, pre-order, and post-order techniques, as well as breadth-first search (BFS).
• Sorting Algorithms: Visualize five sorting algorithms, including merge sort, quick sort, heap sort (with a tree graph visualization), selection sort, and bubble sort.
• Interactive UI: Built with React and styled using Tailwind CSS, providing a user-friendly interface for exploring algorithms.

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm

Installation

1. Clone the repository:

git clone https://github.com/AlaminPu1007/algorithm-visualizer

2. Navigate to the project directory:

cd algorithm-visualizer

3. Install dependencies:

npm install

4. Start the development server: bash npm run dev The application will be available at http://localhost:3000.

Usage

• Navigate to the specific visualization from the home page.
• Use the provided controls to interact with the algorithms and view their visualizations.

Contributing

We welcome contributions from the community! To contribute to this project, please follow these steps:

1. Fork the repository on GitHub.

2. Create a new branch for your feature or bug fix:

git checkout -b my-feature-branch

3. Make your changes and commit them with a descriptive message:

git add .
git commit -m "Add new feature or fix bug"

4. Push your changes to your fork:

git push origin my-feature-branch

5. Open a pull request on GitHub, describing your changes and any relevant details.

Please review our CONTRIBUTING.md for more details on contributing.

Code of Conduct

We are committed to creating a welcoming and inclusive community. Please adhere to our Code of Conduct while participating in this project.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

1. Next.js: For providing a powerful React framework.
2. Tailwind CSS: For enabling easy and flexible styling.
3. TypeScript: For adding type safety to the project.
4. Jest: For providing a robust framework for unit testing.

Contact

For any questions or inquiries, please open an issue on GitHub or contact us at alamin66.sit@gmail.com.