A premium, offline-first, all-in-one productivity workspace designed for students.
Student OS is a modern, fast, and feature-rich web application built entirely with vanilla web technologies. It requires no backend, no build tools, and securely stores all data in your local browser. It is designed to act as a central hub for task management, habit tracking, focus sessions, and academic progress.
- 🎯 Dashboard: High-level overview of tasks, upcoming deadlines, focus hours, and current habits.
- 📋 Task Manager: Organize tasks by priority, subject, and due date. Filter and track completion.
- 📚 Assignment Tracker: Keep an eye on coursework, due dates, weightage, and visually track progress.
- 📅 Study Planner: Schedule study sessions with dates, times, and duration to block out your calendar.
- ⏱️ Pomodoro Timer: A beautiful, focus-driven timer with customizable focus and break intervals, complete with a visual progress ring and session tracking.
- 🌱 Habit Tracker: Build healthy routines with an interactive daily grid and automatic streak calculation.
- 🎓 GPA Calculator: Dynamically calculate your estimated GPA based on course credits and letter grades.
- 📝 Notes Workspace: A simple, powerful text editor to jot down ideas, class notes, and pin important files.
- 📊 Analytics: Visualize your productivity score and monitor task completion and focus hours.
- 🛠️ Quick Tools: Built-in mini-calculator and word counter for speedy access.
Here is a look at the Student OS in action:
- HTML5: Clean, semantic structure.
- CSS3: Custom properties (variables) for theme management, Flexbox/Grid for layout, animations, and a glassmorphism aesthetic.
- Vanilla JavaScript: Zero dependencies, fully modularized ES6 logic for state and UI handling.
- Storage: Browser
localStoragefor complete, offline-capable data persistence.
Since this app requires no backend or build process, running it locally is incredibly simple:
- Clone the repository:
git clone https://github.com/muhammadtaimoorajmal/student-os.git
- Navigate to the project folder.
- Open
index.htmlin your favorite web browser.
That's it! Everything runs locally.
- Light/Dark Mode: Click the sun/moon icon in the top right to switch themes instantly.
- Quick Add: Use the top-right button to instantly open a modal to add a Task, Assignment, Note, or Habit without switching tabs.
- Data Export/Import: Go to Settings to download your entire workspace as a
.jsonfile, allowing you to backup data or move it between devices.
This application respects your privacy. All user data (tasks, habits, notes, etc.) is strictly saved in the browser's localStorage under the key studentOS_data. No data is ever sent to an external server.
Note: Clearing your browser cache may wipe your data. Always use the built-in Export JSON feature to back up your work!
Built with ❤️ by Muhammad Taimoor Ajmal
Backend-First Full-Stack Engineer and CS Undergrad. I build things that run in production, not just demos. My stack spans the MERN ecosystem, cloud-native deployments, and low-level systems.
Let's connect:
Clean code always looks like it was written by someone who cares.