Algorithm Visualizer is a React-based web application that helps users understand and explore various algorithms and data structures through interactive visualizations. The project is built using Vite for fast development and includes a variety of algorithms categorized by their types, such as sorting, graph traversal, and data structures.
- Interactive Visualizations: Explore algorithms with step-by-step animations.
- Search and Filter: Search for algorithms by name or description and filter them by categories.
- Algorithm Categories:
- Sorting (e.g., Quick Sort, Merge Sort, Heap Sort)
- Graph Algorithms (e.g., BFS, DFS, Dijkstra's Algorithm)
- Data Structures (e.g., Union-Find, Red-Black Tree, Hash Table)
- Techniques (e.g., Dynamic Programming)
- Backtracking (e.g., N-Queens Problem)
- Responsive Design: Works seamlessly on desktop and mobile devices.
- Clone the repository:
git clone https://github.com/pravinpaudel/visualizer.git cd visualizer - Install dependencies:
npm install - Start the development server:
npm run dev - Open the application in your browser at http://localhost:5173.
- Use the search bar to find algorithms by name or description.
- Select a category from the sidebar to filter algorithms.
- Click on an algorithm card to view its visualization and details.
- src/pages/Index.jsx: Main page that displays the list of algorithms and handles filtering and searching.
- src/components: Contains reusable components such as algorithm cards and category filters.
- src/assets: Icons and other static assets used in the application.
- React: Frontend library for building the user interface.
- Vite: Fast development environment and build tool.
- React Icons: For displaying icons in the UI.
- CSS Modules: For styling components.
- Add more algorithms and categories.
- Include step-by-step explanations for each algorithm.
- Add user customization options for visualization speed and themes.
Contributions are welcome! If you'd like to contribute, please fork the repository and submit a pull request.