Welcome to my website! I am PYJ.
I am a student focusing on frontend development,
enrolled in high school.
Have a great time on my website!
Splitting into components felt like a renovation when I first learned React. No need for document.querySelector() thanks to JSX blew my mind back then. For now, I am using React as my main stack.
This website is made with Next.js. File-based routing reduces so much stress of routing in React. Also, this website is exported as static pages(a.k.a. SSG). Hope it helps increasing site speed.
It has so much difference compared to React. It really feels like web components but more compact and advanced.
I mainly use SCSS on module CSS for styling. Nesting styles, variables, and a lot of functions make styling in web so much easier.
Dynamic styles through JavaScript was awesome, but I felt it kind of hard to organize code with it.
A lot of good features for animations, but pretty hard to deal with.
JavaScript no longer is painful! (Well, still stressful.)
My favorite state management library. Simple yet powerful.
Easy to use, easy to organize. My #1 pick for state management in Vue.
Wow, that is really fast.
I can write simple GitHub Actions to automate jobs for simple deployment.
A web app for generating random seats for schools, offices, etc.
Vue, Vite, Pinia, TypeScript, Sass(SCSS)
A simple website for generating random lotto numbers. I wrote it to be extremely lightweight, using vanilla JS only with GitHub Actions combined to minify the files.
GitHub Actions