Animated Educational Deck for Algorithm Analysis

*Desktop/Laptop required, set your browser zoom to 90%, and click "Present"

Project overview:

An interactive, web based academic presentation designed to visualize and explain advanced sorting algorithms (counting, radix, and heap sort).

Built entirely from scratch, this project transforms a traditional static slide deck into a dynamic, state driven educational tool, showcasing a deep understanding of both front end architecture and complex data structures.

Technical highlights:

Engineered step by step, state driven algorithm walkthroughs using React hooks to make complex logic easily digestible.

Implemented modern design principles including glassmorphism, dynamic gradients, blur effects, and complex custom css keyframe animations for a highly engaging user experience.

Integrated custom keyboard event listeners for a smooth, native presentation feel.

Developed modular, reusable, and highly maintainable React components for dynamic slides, code snippet highlighters, and data visualization grids.

Tech Stack:

React.js, Tailwind css, modern JavaScript, TypeScript, custom css keyframes.