Suikun UI
Copy-pastable React.js UI components built with TailwindCSS and Radix UI.
Read More
Hi, I'm Joeylene.
Product-focused software engineer experienced in building apps from the ground up.
scroll down
Builds apps from the ground up.
Worked as a Sr. IC Product Engineer on a ThreeJS browser-native sandbox game at Novablocks, previously at Tonic Labs.
I'm experienced with building products from the ground up due to working with early-stage startups.
On the side, I'm building Suikun UI, my own UI kit, and Sutle, a platform for organizing resources into a directed learning path.
Mainly uses ReactJS, TypeScript, TailwindCSS, PostreSQL, and Rails but open to learning new things.
Services
Skills that I offer and would love to do but not limited to.
UX Design
I turn ideas into user flows, thinking out the most optimal path in solving a user needs. I focus on the essentials and aim to be minimal, helping with bringing out an MVP for your product.
What I do
- Wireframing
- Prototyping
Tools I use
- Figma
- Excalidraw
- React Icons
- Notion
Frontend Development
Consistency and ease of use of UI components are my focus when writing code. Either following or creating a design system based on the mockups, I do them both while being thoughful of accessibility and performance.
Languages I use
- HTML
- CSS
- JavaScript
- TypeScript
- Markdown
- Git
Tools I use
- ReactJS
- NextJS
- MDX
- TailwindCSS
- Tailwind Variants
- GitHub
- Terminal
- VSCode
- Vercel
Database Design
By understanding how data flows and used through research, viewing forms, and design, data gets normalized and structured in a way that is most efficient when queried and accessed by APIs.
Diagrams I create
- Conceptual Data Model
- Data Normalization
- Entity Relationship Diagram
Tools I use
- draw.io
- Excalidraw
- Notion
- SQL
Backend Development
Following conventions, I write APIs that is maintainable and easily understood by other developers. Whether authentication, background jobs, uploading files or even sending emails, I'm experienced enough to build what is needed. If not, I am a learner willing to venture out of what's unknown.
Languages I use
- Ruby
- SQL
- Git
Tools I use
- Rails
- PostgreSQL
- GitHub
- Terminal
- VSCode
- Heroku
- Railway
Philosophy
Focused on making meaningful product impact.
User needs over own biases.
Experience
- Novablocks2023 - PresentSenior Product EngineerCounty Dublin, Ireland
- Tonic Labs2022 - 2023Senior Product EngineerCounty Dublin, Ireland
- Tonic Labs2021 - 2022Full Stack DeveloperCounty Dublin, Ireland
- Lyon Software Technologies2020 - 2021Full Stack DeveloperManila, Philippines
Latest Blog Posts
Thoughts and concepts I've written about.
Copy Paste - Glide Data Grid
by @jorenrui / November 08, 2022 / #opinions
At work, I was tasked to add the copy-paste functionality to our app. We are currently using Glide Data Grid in displaying records of a remote database. Luckily the grid has a built-in copy paste support so I was able to implement it with a custom callback.
Sutle Beta: A Fresh Redesign
by @jorenrui / October 17, 2022 / #changelog
I am happy to announce that Sutle is now in beta featuring a new tech stack and design. It also includes new features such as branching out or forking a learning path, reordering path items, and a new profile page.
Minecrafui - A Case Study
by @jorenrui / September 09, 2022 / #case study
Minecrafui is a simple Minecraft clone built to practice ThreeJS. It includes the basics features of the game such as first-person camera view, movement controls, collision detection, inventory / block selector, and sound effects.