Don't memorize algorithms. Build them.
AlgoCraft is an interactive educational platform that transforms abstract data structures into visual, hands-on experiences. Instead of memorizing concepts, learners can explore how arrays, stacks, and queues behave in memory through real-time visualizations and animations.
🌐 Live Demo: https://algocraft-ten.vercel.app
- 📦 Array Memory Visualization
- 📚 Stack Operations Visualization
- 🔄 Queue Operations Visualization
- 🧠 Real-time Complexity Analysis
- 💾 Contiguous Memory Simulation
- ⚡ Interactive Insert, Delete, Search & Update Operations
- 🎨 Modern and Responsive UI
- 📱 Cross-device Compatible
- Insert Element
- Delete Element
- Search Element
- Update Element
- Clear Array
- Memory Address Visualization
- Element Shifting Animation
- Time Complexity Analysis
- Push
- Pop
- Peek
- Clear Stack
- Top Pointer Visualization
- Underflow Handling
- Enqueue
- Dequeue
- Peek
- Clear Queue
- Front & Rear Pointer Visualization
- Empty Queue Handling
- Next.js
- React
- TypeScript
- Tailwind CSS
- Lucide React
- Vercel
Traditional computer science education often encourages memorization rather than understanding.
AlgoCraft bridges this gap by transforming invisible data structure operations into interactive visual experiences, helping students build intuition and conceptual understanding.
Clone the repository:
git clone https://github.com/itselodie/algocraft.gitInstall dependencies:
npm installStart development server:
npm run devOpen:
http://localhost:3000
- Sorting Visualizer
- Linked List Visualizer
- Binary Tree Visualizer
- AI-powered Learning Assistant
- Step-by-step Execution Mode
This project is licensed under the MIT License.