Fumble hard when developing Tic-Tac-Toe in plain HTML/JS
I am not sure if what am I about to say is related to Angular, but for you guys context, I have been working with Angular for more than 5 years now (from Angular 7 to 16, now migrating my legacy mindset to more modern Angular architecture).
In the current rising age of AI-driven SDLC in my workspace, I am working closely with AI to handle task, asking AI question regarding architectures, best practices, analyze tickets, etc...
In short, AI took the fun out of developing for me (any some other too), so I decided for myself to do something refreshing to scratch that coding itch of my which is creating a Tic-Tac-Toe in plain HTML/JS and oh boy how I struggling hard with that.
- I took a very long time on how to generate 3x3 matrix (struggling to chose between nested 3x3 array or flat array)
- How to properly render 3x3 html div and assign the array element to node
- Failed to recognize the pattern to utilize Math.floor() and modulo operator to know where the index in the 3x3 board
- Doing everything manually without the help of Rxjs or signal make my code very inefficent and all over the place
To summary, this experience humble myself as a developer hard, I imagine if I take a leet code interview now I would fuck up pretty hard.
Do you experience similar thing as myself here, let me know your thought