← Back to Home

In Preparation

Crowd-Sourced Educational Platform

NOK is a mobile learning product I designed in Figma and implemented as the sole front-end developer in React Native (Expo + TypeScript). Alongside product design and front-end execution, I also contributed to backend business-logic architecture so the shipped experience stayed aligned with the intended UX, interactions, and system behavior.

Public repo: gitlab.com/shalpoosh/nok-public — This repo is only a snapshot of a part of the project, and doesn’t include the backend and some of the key features. For more details please .

What I Owned

  • Product UX: user flows, IA, and interaction patterns.
  • UI design: components, states, spacing, and typography.
  • Design-to-code translation from Figma behavior to UI logic.
  • Sole front-end implementation for core screens and reusable components.
  • Backend contribution focused on business-logic architecture and feature behavior alignment.

Figma to Code Workflow

  • Built reusable Figma components with state variants (default, pressed, focus, error, loading).
  • Documented gestures, overlays, and transition behavior.
  • Matched motion intent in code using reanimated and gesture-based patterns.
  • Iterated with performance, scalability, and reuse in mind.

Core Features

  • Authentication flow with validation and feedback.
  • Study set management with file and folder hierarchy.
  • Word list browsing and lookup.
  • Flashcard review with animated expand and collapse transitions.
  • Create and edit flows for organizing learning content.

Design + Engineering Stack

Figma React Native Expo TypeScript FastAPI Python Microservices Expo Router Reanimated Gesture Handler Reusable UI Components Feature-Based Modules

Core Product Design Decisions

  • Interaction-first learning UX: motion and gestures make review feel fluid and memorable.
  • Scalable component system: design tokens and reusable components keep screens consistent.
  • Clear hierarchy: Study Set to Files/Folders to Words reduces cognitive load.
  • Implementation-aligned design: prototypes reflect realistic constraints and engineering behavior.

Future Direction

NOK is evolving into a crowd-sourced educational platform that enables learning through interaction and responsive instruction. The long-term direction is to blend community-generated learning content with adaptive guidance, so learners receive context-aware support while building and sharing knowledge together, with a roadmap aimed at publishing on both the App Store and Google Play.