About AlgoVault

Visual Algorithm Explorer

Project Background

AlgoVault is my personal side project that I started while studying computer science in college. As a student learning algorithms, I wanted to create a tool that would help visualize these concepts in an interactive way - both to cement my own understanding and to potentially help other CS students like me who learn better through visual demonstrations.

4 Algorithm Categories
16 Visualizations
100% Interactive

Purpose

I built AlgoVault both to reinforce my own understanding of algorithms and to practice my web development skills. The project focuses on visualizing fundamental computer science algorithms in a way that makes them more intuitive and easier to understand.

As a CS student, I've found that seeing algorithms in action helps tremendously with understanding their mechanics, which is why I wanted to create interactive visualizations that allow users to control the execution and see each step.

Development Approach

  • Learning Focus: Each visualization was built after I learned the algorithm in my coursework, helping me solidify my understanding.
  • Frontend Experience: This project has been a great way to practice my frontend development skills with modern tools and frameworks.
  • Continuous Improvement: I'm still actively working on adding new visualizations and refining existing ones as I learn more.

Technologies

This project has been a great way to learn and apply various web technologies. Building AlgoVault has helped me gain practical experience with these tools:

SvelteKit
TypeScript
SVG
GSAP
Svelte Stores
Responsive CSS

Progress & Future Plans

Sorting Algorithms (4/4)

QuickSort, MergeSort, BubbleSort, Insertion Sort

Graph Algorithms (4/4)

BFS, DFS, Dijkstra's Algorithm, A* Pathfinding

Tree Algorithms (4/4)

Binary Search Tree Insertion, Tree Traversals, AVL Tree Balancing, Red-Black Trees

Search Algorithms (4/4)

Linear Search, Binary Search, Hash-based Search, Substring Search

All planned algorithms successfully implemented!

Future Development Ideas

While the current scope of AlgoVault is complete, I'm considering several enhancements for future development:

  • Algorithm Comparison Tool: Directly compare the performance and steps of different algorithms solving the same problem.
  • Code Walkthrough Mode: A step-by-step walkthrough that highlights code as the algorithm executes.
  • Additional Algorithm Categories: Expand to include dynamic programming, greedy algorithms, and more advanced data structures.
  • Performance Metrics: Real-time performance analysis showing time and space complexity in practice.

Inspiration & Acknowledgements

This project was inspired by algorithm visualizers I encountered in my CS courses. Special thanks to my algorithms professor and classmates who provided feedback during development.