Code That Moves With Meaning

SortFlow.js brings algorithms to life through animation and precision. Crafted with clarity and curiosity, it's a fusion of frontend beauty and logical depth.

Try the Visualizer
↓ Scroll to Visualizer
Abstract Sorting Background

πŸ” Sorting Visualizer

Choose an algorithm, generate chaos, and watch it fall into rhythm. Each step visualized, every motion meaningful.

Sorting in progress... ✨

πŸ” Tip: Play with speed + observe patterns. Merge is poetry, Bubble is patience.

🧠 Sorting Algorithms Explained

Understand the rhythm behind each sort β€” where data meets choreography.

🫧 Bubble Sort

Compares adjacent elements, pushes the largest to the end slowly β€” like bubbles rising through logic.

Beginner-friendly β€’ Stable Time: O(nΒ²)

🧩 Merge Sort

Divides arrays into halves, sorts them recursively, then merges beautifully β€” like puzzle pieces fitting perfectly.

Efficient β€’ Divide & Conquer Time: O(n log n)

⚑ Quick Sort

Picks a pivot, places smaller elements on the left, larger on the right β€” like slicing chaos with precision.

Fastest in practice β€’ In-place Time: O(n log n)

πŸ“– Creator’s Log

A diary of breakthroughs, bugs, and banter β€” straight from my 40-day sprint journey.

Day 14

SortFlow.js: Built With Rhythm

2 hours, infinite vibes. Solved layout bugs, styled with intention. Today wasn’t just code β€” it felt like a performance.

πŸ’» #FrontendFlow   ⚑ #SprintHigh   🎨 #MoodDriven
Day 13

From Frustration to 400+

Yesterday felt like silence. Today? Impressions burst past 400. One post changed my pace. I remembered why I create.

πŸ“ˆ #LinkedInDiaries   🧠 #GrowthCurve   πŸ’« #CreatorConfidence
Day 11

Jhakkas Mood Activated

Built with fire, laughed through the bugs. My favorite thing? Seeing my chaos turn into something beautiful.

❀️ #SprintVibes   🎭 #DesignWithDrama   πŸ’‘ #CodeFeels

🌟 Meet Hema Pandey

I’m Hema β€” a passionate front-end developer who started with pure HTML, CSS, and JavaScript, diving deep into core fundamentals. After building 10 utility-driven projects from scratch, I transitioned into the MERN stack to unlock new possibilities πŸš€.

My journey blends code and creativity β€” from choreographing sorting algorithms to deploying resume checkers, I build projects that aren’t just functional, but expressive. I treat every UI as a canvas and every project as a chapter of growth πŸŽ¨πŸ“–.

Currently immersed in a 40-day sprint challenge, I create and blog daily β€” celebrating consistency, curiosity, and code. Whether you found me via GitHub or LinkedIn, welcome to my digital playground! πŸŒˆπŸ’»

πŸ’» HTML β€’ CSS β€’ JS   βš›οΈ MERN Builder   πŸ”₯ Sprint Creator   🎨 Visual Thinker   πŸ’¬ LinkedIn Strategist