The latest articles on DEV Community by مهدي سالم (@__mahdix01). https://dev.to/__mahdix01 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%2F4068619%2Fa11e9d3c-099c-4d59-bf0c-462b50f8872c.png https://dev.to/__mahdix01 en مهدي سالم Sat, 08 Aug 2026 09:54:34 +0000 https://dev.to/__mahdix01/i-built-studyos-a-lightweight-student-workspace-with-vanilla-javascript-3d5g https://dev.to/__mahdix01/i-built-studyos-a-lightweight-student-workspace-with-vanilla-javascript-3d5g <h1> I Built StudyOS — A Lightweight Student Workspace with Vanilla JavaScript 🚀 </h1> <p>Hey everyone! 👋</p> <p>I recently built <strong>StudyOS</strong>, a lightweight student workspace designed to help organize studying in one place.</p> <p>The main goal was simple: build a practical web application using <strong>HTML5, CSS3, and Vanilla JavaScript</strong>, without relying on frameworks or a backend.</p> <h3> ✨ What can StudyOS do? </h3> <ul> <li>📊 Student dashboard</li> <li>📚 Subject management</li> <li>🎓 Course tracking</li> <li>✅ Task and deadline management</li> <li>📝 Rich text document editor</li> <li>📅 Calendar</li> <li>📈 Study progress tracking</li> <li>🗂️ Flashcards</li> <li>🔍 Search functionality</li> <li>💾 LocalStorage data persistence</li> <li>🌙 Light and dark themes</li> <li>📤 Data export and import</li> </ul> <p>Everything runs locally in the browser, so no account or backend is required.</p> <h3> 🛠️ Built with </h3> <ul> <li>HTML5</li> <li>CSS3</li> <li>Vanilla JavaScript</li> <li>LocalStorage</li> </ul> <h3> 🎯 Why I built it </h3> <p>I wanted to challenge myself to build something that feels like a real application rather than just another landing page or small JavaScript exercise.</p> <p>I'm also interested in improving the project based on real developer feedback.</p> <h3> 🔗 Project </h3> <p><strong>GitHub:</strong> <a href="https://github.com/mahdi99913453" rel="noopener noreferrer">https://github.com/mahdi99913453</a></p> <p><strong>Live Demo:</strong> <a href="https://mahdi99913453.github.io/StudyOS/" rel="noopener noreferrer">https://mahdi99913453.github.io/StudyOS/</a></p> <p>I'd really appreciate honest feedback:</p> <ul> <li>What would you improve in the UI?</li> <li>What features would make StudyOS more useful?</li> <li>Are there any UX issues you notice?</li> <li>What would you change technically?</li> </ul> <p>Thanks for checking it out! 🙌</p> <h1> webdev #javascript #html #css #frontend #opensource #buildinpublic </h1> frontend javascript showdev webdev