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:
- Decoded — to understand how DSA problems are solved
- 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)