https://github.com/mdsuwasi/study-operating-system

https://github.com/mdsuwasi/study-operating-system

glassmorphism javascript privacy productivity

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mdsuwasi/study-operating-system
• Owner: MDSUWasi
• License: mit
• Created: 2026-03-01T11:03:38.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2026-03-01T11:22:29.000Z (4 months ago)
• Last Synced: 2026-03-01T14:56:32.298Z (4 months ago)
• Topics: glassmorphism, javascript, privacy, productivity
• Language: JavaScript
• Homepage: https://mdsuwasi.github.io/Study-Operating-System/
• Size: 11.7 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Study Operating System | Level 10 Elite 🚀

**Study Operating System** is a privacy-first, gamified productivity dashboard designed to bridge the gap between deep work and organized note-taking. Built with a modular vanilla JavaScript architecture, it offers a distraction-free environment for scholars and professionals.

![License](https://img.shields.io/badge/license-MIT-blue.svg)

![Version](https://img.shields.io/badge/version-10.4%20Elite-blueviolet)

![Privacy](https://img.shields.io/badge/Data%20Privacy-Local%20Only-green)

---

## ✨ Key Features

### 📝 Immersive Pro Writer

A full-screen, dedicated word processor that mimics a professional desktop environment. 

- **Serif Typography:** Optimized for long-form reading and writing.

- **Rich Formatting:** Integrated Bold, Italic, and List controls.

- **Export Ready:** Save your work directly to `.DOCX` or print to `.PDF`.

### 🎮 Gamified Productivity

- **XP System:** Earn 50 XP for every task completed.

- **Leveling Logic:** Track your progress as you scale through elite levels.

- **Dynamic HUD:** Real-time counters for Pending and Completed objectives.

### 🛡️ Privacy & Security

- **Local-First Protocol:** No data ever leaves your machine. Everything is stored in `localStorage`.

- **Zero-Cloud:** No tracking, no cookies, and no third-party scripts.

- **Sandbox Environment:** Operates entirely in the browser client.

### 🎨 Elite UI/UX

- **Quick Theme Toggle:** Seamlessly switch between Dark and Light modes.

- **High-Capacity Scratchpad:** A dedicated side-panel for rapid, temporary thoughts.

- **Glassmorphism Design:** Modern, blurred-interface aesthetic for focus.

---

## 🛠️ Tech Stack

- **Frontend:** HTML5, CSS3 (Custom Properties & Glassmorphism)

- **Logic:** Vanilla JavaScript (ES6+ Modular Architecture)

- **Persistence:** Web Storage API (`localStorage`)

- **Typography:** Google Fonts (Inter & Lora)

---

## 🚀 Getting Started

1. **Clone the Repository:**