DEV Community

Sreya Satheesh
Sreya Satheesh

Posted on

A Note on Decoded and Patterns

While learning programming, it's easy to focus on solutions without fully understanding the logic behind them.

To make learning a bit clearer, I built two small apps:

  1. Decoded — to understand how DSA problems are solved
  2. Patterns — to understand how pattern problems work

Both focus on explaining the approach, rather than just showing code.

Decoded

https://decoded-app.vercel.app/

Decoded helps learners understand commonly asked DSA problems visually.

Instead of only showing code, the platform explains how an algorithm works step by step.

Some of the things it includes:

  • Animated dry run of the algorithm with user input
  • Time and space complexity explanations
  • Follow-up questions to explore the problem more deeply
  • Explanations of data structures, their operations, and complexities
  • Common problem patterns like two pointers, sliding window, etc.
  • Tips on recognizing patterns and avoiding common mistakes

The goal is to help learners understand what the problem is asking and how to approach it.

Patterns

https://patterns-azure.vercel.app/

Pattern problems are some of the first exercises we encounter while learning programming.

The Patterns app shows different types of patterns such as:

  • Star patterns
  • Number patterns
  • Alphabet patterns
  • and more

Each pattern includes:

  • the pattern itself
  • the logic behind it
  • a JavaScript implementation

Understanding these problems helps beginners learn how loops and conditions work together.


Both apps focus on one simple idea:

Programming becomes easier when you understand the logic, not just the code.

If you're learning programming, feel free to explore them:

https://decoded-app.vercel.app/
https://patterns-azure.vercel.app/

Top comments (0)

The discussion has been locked. New comments can't be added.