I designed and developed the DSA Visualizer – Learning Platform, a React-based web application that brings over 30 algorithms to life through interactive real-time visualizations. My contribution covers the full lifecycle of the project — from idea conception to system design, implementation, and testing.
• Frontend Development: Built modular React components for sorting, searching, graph, and tree algorithms with smooth user interactions.
• Visualization Engine: Integrated D3.js and React D3 Tree to create dynamic, step-by-step animations that track comparisons, swaps, and execution time.
• UI/UX Design: Designed a modern, responsive, glassmorphism-inspired interface optimized for learning across devices.
• System Architecture: Implemented scalable code structures with performance tracking to compare algorithm efficiency.
• Future AI Integration: Outlined the roadmap for Gen-AI tutors that will adapt to each learner’s pace, provide natural language explanations, and generate personalized challenges.
Log in or sign up for Devpost to join the conversation.