The latest articles on DEV Community by Rana Danish (@rana_danish_6f06c1de666ba). https://dev.to/rana_danish_6f06c1de666ba https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3740058%2F8e2b6185-9914-4552-adb3-a39bdcc637be.png https://dev.to/rana_danish_6f06c1de666ba en Rana Danish Thu, 29 Jan 2026 16:17:47 +0000 https://dev.to/rana_danish_6f06c1de666ba/i-was-tired-of-abandoning-learning-goals-so-i-built-streakly-16f6 https://dev.to/rana_danish_6f06c1de666ba/i-was-tired-of-abandoning-learning-goals-so-i-built-streakly-16f6 <p>Every time I started learning something new <strong>JavaScript, a framework, or even exam prep</strong> the pattern was always the same:</p> <ul> <li> <strong>Day 1:</strong> Motivation </li> <li> <strong>Day 7:</strong> Still going </li> <li> <strong>Day 15:</strong> Miss one day </li> <li> <strong>Day 20:</strong> Journey abandoned </li> </ul> <p>Not because learning is hard<br><br> <strong>but because consistency is.</strong></p> <p>So I decided to build something to solve <em>that</em> problem.</p> <h2> Introducing <strong>Streakly</strong> </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkd6aua2pnmulwrm8s9rz.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkd6aua2pnmulwrm8s9rz.png" alt=" " width="800" height="343"></a></p> <p>👉 <strong><a href="https://streakly-main.vercel.app" rel="noopener noreferrer">Visit Streakly</a></strong></p> <p><strong>Streakly</strong> is a web app designed for <strong>learners and students</strong> who want to stay <strong>consistent</strong> with their learning not just plan it.</p> <p>Instead of treating learning like random todos, Streakly treats it like a <strong>journey</strong>.</p> <h2> Learning as a Journey (Not a Checklist) </h2> <p>In Streakly, you can create learning journeys like:</p> <ol> <li>JavaScript Mastery </li> <li>DSA Prep </li> <li>React Fundamentals </li> </ol> <p>Each journey includes:</p> <ul> <li> A start date (today or future)</li> <li> A target duration</li> <li> Clear progress tracking</li> </ul> <h2> Topics → Subtopics → Tasks </h2> <p>I recently added a <strong>topic &amp; subtopic system</strong>, because learning isn’t flat.</p> <h3> Example: <em>JavaScript Mastery</em> </h3> <ul> <li>Basics </li> <li>Variables </li> <li>Data Types </li> <li>Control Flow </li> <li>Loops </li> <li>Conditions </li> </ul> <p>Each subtopic can have <strong>tasks</strong>, so you still get actionable steps <strong>without losing structure</strong>.</p> <p>This small change made the app feel <strong>much closer to how real learning works</strong>.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F528gzhlue4v4dvvrcib6.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F528gzhlue4v4dvvrcib6.png" alt=" " width="800" height="345"></a></p> <h2> Streaks That Actually Motivate </h2> <p>Streakly tracks:</p> <ul> <li><strong>Current streak</strong></li> <li><strong>Longest streak</strong></li> </ul> <p>How it works:</p> <ul> <li>Miss a day → you’re warned </li> <li>Complete something → streak continues </li> </ul> <p>There’s also a <strong>notification system</strong> that nudges you when:</p> <ul> <li>Your journey starts tomorrow</li> <li>You haven’t completed anything today</li> <li>Your streak is at risk</li> </ul> <p>The goal isn’t pressure<br><br> it’s <strong>gentle accountability</strong>.</p> <h2> Resources Where You Need Them </h2> <p>For each journey, you can upload or attach:</p> <ul> <li>PDFs</li> <li>Docs</li> <li>Images</li> <li>Links</li> </ul> <p>So your learning materials live <strong>inside the journey</strong>, not scattered across tabs.</p> <h2> Why I Built This </h2> <p>There are amazing tools like <strong>Notion</strong>, <strong>todo apps</strong>, and <strong>habit trackers</strong><br><br> but none of them felt <em>learning-first</em>.</p> <p><strong>Streakly focuses on one simple thing:</strong></p> <blockquote> <p>Helping learners show up every day.</p> </blockquote> <h2> Current Status &amp; What’s Next </h2> <h3> Already Available </h3> <ul> <li>Journeys with topics, subtopics &amp; tasks</li> <li>Streak system (current &amp; longest)</li> <li>Notifications</li> <li>Resource uploads</li> </ul> <h3> Coming Next </h3> <ul> <li>Group journeys (study with friends)</li> <li>Better progress analytics</li> <li>Smarter streak logic (grace days, freezes)</li> </ul> <h2> 🤝 I’d Love Your Feedback </h2> <p>This is <strong>version 1</strong>, and I’m sharing it early to learn:</p> <ul> <li>What feels useful?</li> <li>What feels unnecessary?</li> <li>What would actually help <em>you</em> stay consistent?</li> </ul> <p>If you’re a learner or a dev who’s started (and abandoned) learning journeys before — I’d genuinely love your thoughts.</p> <p>👉 <strong>Try it here:</strong> <a href="https://streakly-main.vercel.app" rel="noopener noreferrer">https://streakly-main.vercel.app</a><br><br> 👉 <strong>Feedback is more valuable than likes 🙌</strong></p> <p>Consistency is hard.<br><br> Maybe tools can help a little.</p> <p>Thanks for reading ❤️</p> productivity programming learning javascript