Web studayy adalah platform manajemen tugas dan materi belajar personal yang dikembangkan oleh Ayu Rianti dengan estetika futuristik Cyberpunk/HUD. Berbeda dengan aplikasi manajemen tugas biasa, studayy memprioritaskan privasi penuh melalui teknologi Local IndexedDB—seluruh data Anda tetap 100% privat dan tersimpan secara lokal di browser Anda.
Studayy, engineered by Ayu Rianti, is a high-fidelity Single Page Application (SPA) designed for students who demand a professional, immersive, and secure environment to organize their academic life. It transforms mundane task management into a "System Operator" experience, featuring real-time system stats and a specialized HUD navigation.
The term Vanilla JavaScript refers to using the pure, native power of JavaScript without relying on heavy external libraries or frameworks. This demonstrates a deep understanding of core web technologies, ensuring that Ayu Rianti's studayy remains incredibly fast, lightweight, and efficient for the user.
| Module | Protocol | Description |
|---|---|---|
| DATA_VAULT | TASK_MANAGEMENT |
Advanced task tracking with category filtering and real-time status updates. |
| ARCHIVE | KNOWLEDGE_BASE |
A dedicated terminal for logging lecture summaries and essential study materials. |
| UPLINK | DATA_INPUT |
High-speed entry point for new tasks and materials with drag-and-drop support. |
| CAMERA | IMAGE_OS |
Built-in HUD camera interface with natural color optimization and precise cropping tools. |
| GALLERY | VISUAL_STORAGE |
A secure grid to browse all captured visual data packets. |
- 🌐 Immersive HUD Interface: A premium "System Core" aesthetic featuring glassmorphism, glowing accents, and dynamic scanline overlays.
- 📱 Responsive Terminal: Fully optimized for mobile terminals and high-resolution desktop stations with a seamless side-drawer navigation.
- 🔐 Zero-Server Privacy: Your data belongs to you. No logins, no cloud tracking, just pure localized storage via LocalForage.
- 📸 Integrated Image Processing: Capture materials via camera and refine them using the integrated Cropper.js engine without leaving the HUD.
- ⚡ High-Performance SPA: Blazing fast route transitions using vanilla JavaScript—no heavy frameworks required.
- Engine: Vanilla JavaScript (ES6+)
- Styling: Advanced CSS3 (CSS Variables, Flexbox/Grid, Backdrop-filters)
- Data Persistence: IndexedDB via
localforage.js - Optics:
cropper.jsfor image manipulation - Icons: Font Awesome 6.4 (Pro Aesthetic)
- Architecture: Single Page Application (SPA)
- Encryption: Local-Side Data Scoping
- Uptime Logic: Real-time session counter (Live HUD Uptime)
- Clone this repository or download the source terminal.
- Run a local server (e.g., Live Server in VS Code).
- Access the HUD via
http://localhost:5500.
- Push this project to your GitHub repository.
- Connect your GitHub to Netlify.
- Deploy for 24/7 global access through your own
.netlify.appterminal.
"Architecting scalable digital workflows for the modern student."
[ SYSTEM_STATUS: STABLE ]