Web and mobile surfaces
A Next.js web application and a React Native / Expo mobile direction express the same learning model through platform-appropriate navigation and interaction.
Next.js · React Native · Expo · TypeScriptLoading…
Flagship product · Active build
A calmer operating system for learning.
An AI-powered study environment designed to bring notes, tutoring, practice, planning, and review into one coherent learning loop.
Portfolio identity: Smartly / SmartOS. The current web deployment is branded StudyOS.
The origin
Smartly began with a recurring frustration: the administrative work around learning was consuming attention that should have gone toward understanding, practicing, and remembering.
Product principle“A learning tool should preserve context, reduce coordination, and help the learner choose the right next action—not add another system to maintain.”
Interactive product stage
This is the deployed StudyOS web application—not a portfolio simulation. It starts only on request and always retains a direct-launch fallback.
Guided feature tour
The staged view explains the supported workflows without pretending to be the live application. Launch the workspace above whenever you want to explore the real UI.
Guided preview · staged portfolio view
Organize learning material around the subject being studied so context survives the move from reading to practice.
Cross-platform strategy
Web removes installation friction and gives deep workspace tasks room to breathe. iOS is the current mobile priority for quick capture, review, and study routines. Android remains part of the stated product scope, without an availability claim.
The same safe launch URL adapts to a focused narrow-screen navigation.
Open on this deviceArchitecture
This view uses only technologies and behaviour supported by the supplied product content or directly observed in the deployed application.
A Next.js web application and a React Native / Expo mobile direction express the same learning model through platform-appropriate navigation and interaction.
Next.js · React Native · Expo · TypeScriptCourses, topics, resources, practice, and progress are treated as one learning loop instead of unrelated utilities.
Workspaces · Resources · Practice · ProgressFirebase provides the authenticated product boundary. The deployed web app supports persisted sign-in, guarded routes, and an empty guest workspace.
Firebase · Authentication · Guest modeOpenAI-backed capabilities are framed as focused learning operations: explanation, transformation, and guidance within active study context.
OpenAI · Tutoring · Study guidanceEngineering challenges
The live build restores first-party sessions, protects application routes, and also offers a guest path. The portfolio does not proxy credentials or assume embedded provider sign-in will behave like a top-level window.
Desktop can support dense workspace navigation while narrow screens need direct actions, compact navigation, and freedom from nested scrolling. Shared product language matters more than identical layouts.
The integration is deferred, sandboxed, allowlisted, and removable. A timeout, blocked frame, disabled configuration, or unavailable deployment leaves the complete case study usable.
Test and deployment evidence
The deployment evidence is deliberately narrow. It does not claim comprehensive product reliability or physical-device coverage.
Lessons learned
Roadmap