Sutle is now in beta at [https://sutle.io](https://sutle.io/)\
\
Featuring a new tech stack and a redesign.\
\
Here are some new updates:\
\- A new logo for Sutle.\
\- Users can now follow fellow co-learners.\
\- A redesign of the profile page wherein you can now view created learning paths and saved resources.\
\- Users can now branch out/fork existing learning paths.\
\- Users can now reorder path items of learning paths.\
\- A Pro plan which enables you to create private learning paths with unlimited path items (will add more features in next updates).\
\- A new blog site for Sutle at <https://blog.sutle.io>\
\
For the next updates, I'm planning to do minor versions now instead of major ones. I'm gonna focus specifically on adding more features for the Pro plan, improving current features, and I'm gonna look into adding a browser extension.\
\
Glad that Sutle is transitioning from an app that I built to learn to TypeGraphQL to becoming my pet project. For now, I'll work on creating a new portfolio for myself and some minor updates on Sutle before working on major features.\
\
Also feedback and bug reports are welcome at <https://sutle.canny.io> 👀

You can read more about this version at <https://blog.sutle.io/2022/sutle-beta-a-fresh-redesign>

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FpaN2FHZBkEQkXQBSkxgp8bDstpy2%2FZkiCOZkZSy3w7JIyCWLA%2F8d276eb6-8504-4450-bbc5-5975ddb7b6dd.png?alt=media&token=665b757a-7f8f-46c6-92ea-86134918379b","id":"8d276eb6-8504-4450-bbc5-5975ddb7b6dd","width":1749,"height":935,"filename":"sutle-beta.png","type":"image/png","caption":"","border":false}]}
```

Sutle Beta: A Fresh Redesign

2022 Year End Review - https://joeylene.com/blog/2023/year-end-review

Software Engineer

Minecrafui - A 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.

Creating my own UI components

While it's cool that there are UI frameworks out here that can speed up our development like MUI, Ant Design, Base Web, and Bootstrap, I mostly prefer to create my own UI components for personal projects and at times even at work.

6 Ways to Deploy your Personal Websites / PHP+ MySQL Web Apps for Free

Sharing my experiences, instructions rather, in deploying website/web apps in different free web hosts.

Copy Paste - Glide Data Grid

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.

Progressing Towards Dystopia

As a person working in tech, this got me thinking, are we making the world a better place? Or are we creating a dystopia where only a select few gets the biggest portion of the pie?

My Web Development Process Part 1: Design

Written when I was a college student. Discussing how I develop web-based apps, include how I do things, what software I use, and resources that helped me. This is the design part of the process.

Building Sutle 3-Part Series

A 3 part-series of how I build and launch Sutle, my side project that organizes online resources into a directed learning path, in Product Hunt.

Interaction

To get some interactions from the user, JavaScript has three functions we can use: alert, prompt, and confirm. These methods are not very customizable, so we can use Suikun's Alert Dialog UI to create our own.

My Web Development Process Part 2: Code

Written when I was a college student. Discussing how I develop web-based apps, include how I do things, what software I use, and resources that helped me. This is the code part of the process.

A Look into How I Manage My Personal Projects (My Git/GitHub Workflow)

Discussed how I create and manage my projects using Git/GitHub. Also, tackled how I use GitHub's project boards, issues, and pull requests.

Attended from June 2014 to 2017 then transferred out.

My thesis when I was a college student at SPCC. A school portal that contains enrollment, curriculum builder, class scheduling, employee management, and grading system.

SPCC Portal

An ed-tech software that provides users with tools for creating courses and content.

Lyon

A no-code database that unifies data across multiple systems.

Powerbase

A sandbox game built with ThreeJs, Rails and ReactJS.

Novablocks

Copy-pastable UI components built with TailwindCSS and Radix UI.

Suikun UI

Collection of stuff I built when I was learning web development containing of mostly freeCodeCamp projects.

The Early Days

A simple Minecraft clone built with ThreeJS, ReactJS and TypeScript.

Minecrafui

A platform for saving and organizing online resources into a directed learning path.
More Info at https://joeylene.com/projects/sutle

Sutle

A side project which houses numerous Notion API powered sites made by me.

Current Sites:
- Minimal Norui - a portfolio template built with NextJS and powered by Notion. https://jorenrui.notion.site/Minimal-Norui-168e69403f624b429e7933ce6065b5e7

Norui

Cevali is a small JavaScript library that allows you to create validations for any types of data, from simple strings to class instances, or remix existing ones to create your own. It uses two APIs: create and extend.

Cevali

Collection of mini projects I build containing a MTG Companion App, Apex Legends 1-page Site, and a Piano Lesson Helper

Mini Projects

Web Developer · Internship

Working on a no-code database from the ground up.

Full Stack Developer

Working on a ThreeJS browser-native sandbox game.

Senior Product Engineer

Worked on Small Builders Web App, a legacy PHP app.

A start-up company creating a webinar and on-demand course platform for professional development and trainings.

I'm currently a IC Sr. Product Engineer working on a browser-based sandbox game and a no-code database at Tonic Labs.

Joeylene

2022