The latest articles on DEV Community by Vinit Patil (@vinit_patil_08). https://dev.to/vinit_patil_08 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4152510%2F639287a5-4b32-494d-a6e3-953c9745faab.jpeg https://dev.to/vinit_patil_08 en Vinit Patil Sun, 04 Oct 2026 18:36:32 +0000 https://dev.to/vinit_patil_08/i-built-studysnap-for-my-friend-your-notes-your-deadline-your-plan-5d27 https://dev.to/vinit_patil_08/i-built-studysnap-for-my-friend-your-notes-your-deadline-your-plan-5d27 <p><em>This is a submission for the <a href="https://dev.to/challenges/hackertoberfest-weekend-2026-10-01">Hacktoberfest Weekend Challenge: Build for a Friend</a></em></p> <p>Built it with a friend enrolled in hacktoberfest <a class="mentioned-user" href="https://dev.to/shreya_raundale_20">@shreya_raundale_20</a> 💖</p> <h2> What I Built </h2> <p>I built <strong>StudySnap</strong>, a lightweight study-planning web app for a friend who often struggles with turning a large syllabus and limited study time into a realistic plan.</p> <p>StudySnap takes:</p> <ul> <li>📚 Subject</li> <li>📝 Notes or syllabus</li> <li>⏱️ Available study time</li> <li>📅 Exam date</li> </ul> <p>and turns them into an actionable study plan with priorities, a revision checklist, and practice questions.</p> <p>I also added progress tracking, Focus Mode, Emergency Exam Mode, and locally saved previous plans.</p> <p>The idea was simple: instead of building another general-purpose chatbot, I wanted to solve one specific problem for someone I know:</p> <blockquote> <p><strong>"I have an exam coming up. What should I actually study right now?"</strong></p> </blockquote> <h2> Demo </h2> <p>The project is currently available as a local web app.</p> <p>To try it, clone the repository and open <code>index.html</code> in a browser.</p> <h2> Code </h2> <p><a href="https://github.com/vinitpatil-8/StudySnap" rel="noopener noreferrer">GitHub Repository</a></p> <p>StudySnap is built with plain HTML, CSS and JavaScript and is intentionally dependency-free.</p> <h2> How I Built It </h2> <p>I wanted to keep the project extremely lightweight so that it could be opened and used without setting up a complicated development environment.</p> <p>The application consists of:</p> <ul> <li> <code>index.html</code> — application structure</li> <li> <code>styles.css</code> — interface and responsive design</li> <li> <code>app.js</code> — planning logic, interactions, timers and local persistence</li> <li> <code>README.md</code> — project documentation</li> </ul> <p>The planner is designed around the user's own notes and syllabus and avoids inventing topics that were not provided.</p> <h2> Why Does Open Innovation Matter? </h2> <p>For a personal study tool, simplicity and control matter.</p> <p>Using an open approach gives developers more freedom to understand, modify and extend the underlying technology rather than making the entire application dependent on a single closed service.</p> <p>For StudySnap, the most important part was keeping the project lightweight and transparent enough that someone can inspect the code, understand how it works, and build on it.</p> <h2> Prize Categories </h2> <p>No partner prize category.</p> <p><strong>Built for a friend ❤️</strong></p> <h1> devchallenge #weekendchallenge #hf26challenge </h1> devchallenge weekendchallenge hf26challenge