The latest articles on DEV Community by Mohammed Faisal Bagban (@faisu). https://dev.to/faisu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F99mvlsfu5tfj9m7ku25d.png https://dev.to/faisu en Mohammed Faisal Bagban Sun, 04 Oct 2026 14:56:37 +0000 https://dev.to/faisu/studysprint-3p9h https://dev.to/faisu/studysprint-3p9h <p><em>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <h2> What I Built </h2> <p>I built <strong>StudySprint</strong>, a collaborative study planner web application designed specifically for a friend who is currently tackling a heavy load of university coursework. They often struggled with managing deadlines across different subjects and lacked a unified system to practice active recall while managing their time. </p> <p>StudySprint solves this by integrating:</p> <ul> <li>A dynamic <strong>Subjects &amp; Tasks Manager</strong> to keep track of upcoming exams and assignments.</li> <li>A built-in <strong>Pomodoro Timer</strong> with "Focus", "Short Break", and "Long Break" modes that automatically tracks daily streaks.</li> <li>A <strong>Progress Dashboard</strong> showing completed tasks vs. daily goals.</li> <li> <strong>AI Study Partner (The cool addition!)</strong>: An AI-driven feature that generates custom study schedules based on upcoming exam deadlines and automatically creates interactive 3D flashcards to help with active recall. </li> </ul> <h2> Demo </h2> <p><a href="https://mdfaisaldevops.github.io/hacktober-challenge1-app/" rel="noopener noreferrer">🔗 Live Demo of StudySprint</a></p> <h2> Code </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/MdFaisalDevops" rel="noopener noreferrer"> MdFaisalDevops </a> / <a href="https://github.com/MdFaisalDevops/Hacktoberfest-challenge-1" rel="noopener noreferrer"> Hacktoberfest-challenge-1 </a> </h2> <h3> This is my hacktoberfest weekend challenge 1 </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"><p><em>This is a submission for the <a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01" rel="nofollow">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <div class="markdown-heading"> <h2 class="heading-element">What I Built</h2> </div> <p>I built <strong>StudySprint</strong>, a collaborative study planner web application designed specifically for a friend who is currently tackling a heavy load of university coursework. They often struggled with managing deadlines across different subjects and lacked a unified system to practice active recall while managing their time.</p> <p>StudySprint solves this by integrating:</p> <ul> <li>A dynamic <strong>Subjects &amp; Tasks Manager</strong> to keep track of upcoming exams and assignments.</li> <li>A built-in <strong>Pomodoro Timer</strong> with "Focus", "Short Break", and "Long Break" modes that automatically tracks daily streaks.</li> <li>A <strong>Progress Dashboard</strong> showing completed tasks vs. daily goals.</li> <li> <strong>AI Study Partner (The cool addition!)</strong>: An AI-driven feature that generates custom study schedules based on upcoming exam deadlines and automatically creates interactive 3D flashcards to help with active recall.</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">Demo</h2> </div> <p><a href="https://your-deployment-link.com" rel="nofollow noopener noreferrer">🔗 Live Demo of StudySprint</a> <em>(Currently running locally. See repo</em>…</p></div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/MdFaisalDevops/Hacktoberfest-challenge-1" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> How I Built It </h2> <p>I built this project utilizing a modern frontend stack: <strong>React, Vite, and vanilla CSS</strong> (focusing on a premium dark mode, glassmorphic UI). </p> <p>To rapidly develop the UI, components, and the simulated AI features, I collaborated with an <strong>Agentic AI Coding Assistant (Antigravity)</strong>. The AI agent harness allowed me to rapidly iterate on the frontend design by orchestrating complex CSS layouts and React state management autonomously. We designed an "AI Study Plan" feature which parses the user's upcoming exams to simulate how an open-weights LLM could ingest upcoming tasks and output both a prioritized schedule and an interactive flashcard deck for active recall.</p> <h2> Why Does Open Innovation Matter? </h2> <p>Open innovation was crucial for this project because it allows developers to build hyper-localized, personalized tools for their loved ones without being locked into expensive, rigid, or closed productivity ecosystems. By leveraging open-source tools (like React, Vite, and Lucide icons) and open AI frameworks, I was able to rapidly craft a premium-feeling educational tool that perfectly fit my friend's unique studying habits. It proves that with open innovation, anyone can build powerful, custom solutions for the people they care about.</p> <h2> My Agent Session </h2> <p>[Link to my Agent Session]</p> <h2> Prize Categories </h2> <ul> <li>Maintainer/Contributor categories</li> <li>AI/Developer Tooling</li> </ul> devchallenge weekendchallenge hf26challenge Mohammed Faisal Bagban Fri, 02 Oct 2026 19:02:30 +0000 https://dev.to/faisu/intro-ael https://dev.to/faisu/intro-ael <p>I am new to the community.<br> Happy to be part of dev.</p> Mohammed Faisal Bagban Fri, 02 Oct 2026 19:00:10 +0000 https://dev.to/faisu/hello-2kd2 https://dev.to/faisu/hello-2kd2