Hi, I am Isa Yamin. Afflicted with Changing Interest Disorder*. But what sticks are going to the gym, reading manhwas and making protein-rich snacks. I also play runescape sometimes.

*Not a real disorder

View my projects

Pinned

Icon

@crease/react

React UI Library

View project

Read article

2024

2023

HTML Editor

Code editor involves running open-source project CodeMirror into a webview container.
Input validation on eligible project names.
Codes are saved in a persistent local storage.

The entire project was made using React Native & Expo, and cobbled together with a bunch of packages. The packages include Zustand (state management), Expo Router (navigation), and Asyncstorage (local storage).

As CodeMirror is only available through web languages, it was a challenge to implement it into the app. I had to create a webview container to run the CodeMirror editor, and then pass the code into the app.

UI/UX ranging from layout, colour scheme, fonts, and choice of icons were designed by me.

Typetop

Code editor involves running open-source project CodeMirror into a webview container.
Input validation on eligible project names.
Codes are saved in a persistent local storage (SQLite storage).

The entire project was made with Flutter. Notable packages were used such as Provider for state management and Hive for local persistent storage.

This project was inspired by numerous and popular typing websites, which are surprisingly unpopular on mobile apps. Random words are selected from a text file of 2000+ common english words, and the user has to type them out. The core of the app is a custom text input in which the text to be typed is displayed as a separate widget from the text input, while being in the same position but placed behind, as well as manipulating the colours of the characters based on the input.

UI/UX ranging from layout, colour scheme, fonts, and choice of icons were designed by me.