This is not a traditional pos with a bunch of table layout. I used clean component card layout ui. I implemented TanStack Query to that app with Supabase. I still maintaining this app as long as with my SvelteKit Friends app.

This is my SvelteKit app that I still maintaining. My goal about this project is to give seamless user experiences to users. I mainly focused on user interaction. The purpose of app is like tinder with in case of friends. Me and one of my coder friends about to collaborate in this project.

The idea of developing this app is really personal cause I really like to use terminal and CLI. I build the project with Vite As a first I started working on layout to get a clean layout. Since there was one page It was easy to create a layout. I used Redux Toolkit to store the history of command and write a bunch of straight forward JavaScirpt method to give a response to user. The major problem I faced with this projects are getting the history with the key storke and try to display that on the screen and think about how should the command typing work without using the HTML built-in Input tag.

As long as I remember this is my first React project with my own idea without any tutorial base. I used Bootstrap for theme. I used a JavaScript library to generate words. The most difficult problems were rendering out reactively which words are wrong or right. I was also about to add a virtual keyboard which would what keys you are typing. But due to render issues, I decide not to add cause I didn't know so much at those time.

I created this web to train React. The idea was orginally came from a video about managing state in React and I started create this. I used React, Bootstrap, Sass a little bit and React router dom.

After I focused on React, I decided to write a portfolio with React. I didn't a bunch of research and create this portfolio.

The inspiration of this portfolio came from Dribble. I was about to help my friend to create a portfolio and suddenly I saw the layout like apple watch's UI and I thought what if I implement that kind of layout to portfolio with pop-up. And then I figured it out this is the result.