Devlog #2: The Engine & The Studio 🛠️🎨
Captain’s log. The OmniSchool architecture is expanding fast. After securing the database and the grade registry, it was time to tackle the most complex interactive features of the app: the Calendar AI and the Studio workspace.
Here is what I shipped in this massive sprint (Phases 3 & 4):
🗓️ The Calendar & Planning Engine:
Built a custom Day/Week timeline grid from scratch using date-fns for strict timezone safety.
Implemented dynamic TaskBlocks that visually adapt their height based on the duration of the study session.
Wrote the first iteration of the local Planning Algorithm: it analyzes my pending tasks, checks my maximum daily study limit, and auto-suggests how to reschedule blocks based on difficulty stars!
💻 The Studio (Skia Canvas & Code IDE):
Integrated @shopify/react-native-skia to build an A4 digital canvas. I can now draw smooth freehand paths directly inside the app.
Embedded a fully working Monaco Editor via WebView for mobile coding (C++ and Python).
Created a custom “Developer Keyboard Accessory” that sits above the native keyboard, giving me instant access to essential coding chars like {, }, [, ].
The app is officially turning into a pocket powerhouse. Next mission: the Python backend. Over and out! 🛰️