A little retro inspired text-ui for web browsers.
- npm i
- npm run start
As the name should already imply, all react components are built from HTML textarea tags. There are 2 types of layers:
- Graphic layers: textareas that function as only graphic ui
- Input layer: textarea that controls user input and browser focus
This is a personal project, mainly created to make my personal web page. Main branches are these:
- production: my work in progress in my personal web page.
- develop: development branch, all features regarding textarea-ui will be merged here.
- palette: this is an experimental branch, made to test the posibilities of textarea-ui (not focused always on UI)
User can move freely with WASD or arrows, ENTER or SPACEBAR to trigger buttons actions.
When UI is forced, user can only move through buttons highlighted position or hotkey, you can use ENTER or SPACEBAR or keyboard hotkeys to trigger actions, arrow left and right or TAB to move.
- POC in reactjs
- Cross-browser sizing (at zoom 100%)
- Vercel deployment
- Added TS, prettier and eslint
- Added align feature for StringValues
- Grid mode in foreground layer
- Boxes
- StringValues
- Texts
- Button (texts with background and functionality)
- User position and control
- Windows (Buttons & Texts will be a component of window)
- Zoom on other browsers than Firefox break textareas lines, thus glitching app
- No cellphone browser support at the moment
- Can't put exclamation mark (!) without a letter after in titles, breaks the line
- Offset to col attribute (+1) must be put in Chrome in Linux/macOS
- Some characters end up being more widder than the normal width